novo-menu-wedding-site 0.0.11 → 0.1.0

package/custom.d.ts

@@ -4,3 +4,5 @@ declare module "*.svg" {
 }
 
 declare module 'preact-custom-element';
+
+declare module '*.css';

package/dist/style.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2\.5{gap:.625rem}.p-4{padding:1rem}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 768px){.md\:hidden{display:none}.md\:h-screen{height:100vh}.md\:w-20{width:5rem}.md\:flex-col{flex-direction:column}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "novo-menu-wedding-site",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.1.0",
   "type": "module",
   "main": "dist/menu-section.umd.js",
   "module": "dist/menu-section.es.js",
@@ -11,13 +11,16 @@
       "require": "./dist/menu-section.umd.js"
     }
   },
-  "types": "./dist/app.d.ts",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
     "preview": "vite preview"
   },
+  "keywords": ["menu", "wedding", "preact", "web-component", "tailwindcss"],
+  "author": "Ana",
+  "license": "MIT",
   "dependencies": {
+    "autoprefixer": "^10.4.20",
     "preact": "^10.24.3",
     "preact-custom-element": "^4.3.0"
   },

package/src/app.tsx

@@ -3,7 +3,8 @@ import logo from "./assets/logo.svg";
 import marca from "./assets/marca.svg";
 import share from "./assets/icons/share.svg";
 
-import register from 'preact-custom-element';
+import register from "preact-custom-element";
+import "./input.css";
 
 export function App() {
   return (
@@ -18,4 +19,4 @@ export function App() {
   );
 }
 
-register(App, 'menu-section', [], { shadow: true });
+register(App, "menu-section", [], { shadow: true });

package/src/main.tsx

@@ -1,4 +1,5 @@
 import { render } from 'preact'
 import { App } from './app.tsx'
+import './input.css'
 
 render(<App />, document.getElementById('app')!)

package/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{html,tsx}"],
+  content: ["./src/**/*.{html,ts,tsx}"],
   theme: {
     extend: {},
   },

package/tsconfig.app.json

@@ -10,8 +10,6 @@
       "react": ["./node_modules/preact/compat/"],
       "react-dom": ["./node_modules/preact/compat/"]
     },
-
-    /* Bundler mode */
     "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
@@ -19,13 +17,11 @@
     "noEmit": true,
     "jsx": "react-jsx",
     "jsxImportSource": "preact",
-
-    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src", "custom.d.ts"]
+  "include": ["src/**/*", "custom.d.ts"]
 }

package/vite.config.ts

@@ -1,27 +1,33 @@
-import { defineConfig } from 'vite';
-import preact from '@preact/preset-vite';
-import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { defineConfig } from "vite";
+import preact from "@preact/preset-vite";
+import { viteStaticCopy } from "vite-plugin-static-copy";
+import tailwindcss from "tailwindcss";
+import autoprefixer from "autoprefixer";
 
 export default defineConfig({
-  plugins: [preact(),  viteStaticCopy({
-    targets: [
-      { src: 'src/assets/icons/*.svg', dest: 'assets/icons' },
-      { src: 'src/assets/*.svg', dest: 'assets' },
-    ],
-  }),],
+  plugins: [
+    preact(),
+    viteStaticCopy({
+      targets: [
+        { src: "src/assets/icons/*.svg", dest: "assets/icons" },
+        { src: "src/assets/*.svg", dest: "assets" },
+      ],
+    }),
+  ],
+  css: { postcss: { plugins: [tailwindcss(), autoprefixer()] } },
   build: {
     lib: {
-      entry: './src/app.tsx', // Caminho do seu componente principal
-      name: 'MenuSection',
+      entry: "./src/app.tsx", // Corrigido para refletir o nome correto do arquivo
+      name: "MenuSection",
       fileName: (format) => `menu-section.${format}.js`,
-      formats: ['es', 'umd'],
+      formats: ["es", "umd"],
     },
     rollupOptions: {
-      external: ['preact', 'preact-custom-element'], // Evitar incluir dependências desnecessárias
+      external: ["preact", "preact-custom-element"],
       output: {
         globals: {
-          preact: 'Preact',
-          'preact-custom-element': 'PreactCustomElement',
+          preact: "Preact",
+          "preact-custom-element": "PreactCustomElement",
         },
       },
     },