@abqm-ds/icons 1.0.3 → 1.0.4

package/.turbo/turbo-build.log

@@ -1,20 +1,20 @@
 
-> @abqm-ds/icons@1.0.3 build
+> @abqm-ds/icons@1.0.4 build
 > tsup --dts
 
 CLI Building entry: src/index.ts
 CLI Using tsconfig: tsconfig.json
-CLI tsup v8.4.0
-CLI Using tsup config: A:\repositories\seqm_projects\design-system\packages\icons\tsup.config.ts
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/work/design-system/design-system/packages/icons/tsup.config.ts
 CLI Target: esnext
 CLI Cleaning output folder
 ESM Build start
 CJS Build start
-CJS dist\index.cjs 126.77 KB
-CJS ⚡️ Build success in 28ms
-ESM dist\index.js 125.84 KB
-ESM ⚡️ Build success in 29ms
+CJS dist/index.cjs 126.77 KB
+CJS ⚡️ Build success in 67ms
+ESM dist/index.js 125.84 KB
+ESM ⚡️ Build success in 68ms
 DTS Build start
-DTS ⚡️ Build success in 1341ms
-DTS dist\index.d.ts  2.35 KB
-DTS dist\index.d.cts 2.35 KB
+DTS ⚡️ Build success in 2353ms
+DTS dist/index.d.ts  2.35 KB
+DTS dist/index.d.cts 2.35 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @abqm-ds/icons
 
+## 1.0.4
+
+### Patch Changes
+
+- feat: 🎸 Fará melhorias de código em todos os repositórios
+
 ## 1.0.3
 
 ### Patch Changes

package/README.md

@@ -1,141 +1,133 @@
-# @abqm-ds/icons
-
-> Biblioteca de ícones em React baseada em SVGs personalizados da ABQM.
-
-Esta biblioteca fornece ícones SVG como componentes React, permitindo o uso simples, estilização via props, e integração fluida com projetos em React ou design systems internos.
-
----
-
-## 📦 Instalação
-
-No seu projeto React (com suporte a pacotes do monorepo):
-
-```bash
-yarn add @abqm-ds/icons
-# ou
-npm install @abqm-ds/icons
-```
-
----
-
-### ⚙️ Como Funciona
-
-1. Adicione os arquivos **SVG** que deseja converter na pasta src/icons:
-
-   > OBS: a nomenclaruta dos icones deve ser capitalized, ex:
-   >
-   > ❌ caretright.svg
-   >
-   > ✅ CaretRight.svg
-
-2. Em seguida, execute o comando abaixo no terminal:
-
-```bash
-npm run generate:icons
-```
-
-3. O processo de geração segue estas etapas:
-   - Os ícones são convertidos e salvos temporariamente na pasta `_temp`.
-   - Em seguida, são organizados e movidos para a pasta `componentes`.
-
-> 💡 Esse processo evita que todos os ícones existentes sejam modificados a cada nova adição. O script verifica se um ícone já existe e somente cria ou atualiza os que são realmente novos ou alterados.
-
----
-
-## 💡 Como Usar
-
-Importe o componente do ícone desejado diretamente:
-
-```tsx
-import { Facebook, Instagram, Youtube, Horse } from '@abqm-ds/icons';
-
-export function Example() {
-  return (
-    <div style={ display: 'flex', gap: 16 }>
-      <Facebook width={24} height={24} fill="#1877F2" />
-      <Instagram width={24} height={24} fill="#E1306C" />
-      <Youtube width={24} height={24} fill="#FF0000" />
-      <Horse width={32} height={32} />
-    </div>
-  );
-}
-```
-
----
-
-## 🎯 Props Aceitas
-
-Todos os ícones exportados são componentes React SVG e aceitam todas as propriedades nativas de SVG:
-
-| Prop        | Tipo                          | Exemplo                    |
-| ----------- | ----------------------------- | -------------------------- |
-| `width`     | `number \| string`            | `24`, `"1em"`              |
-| `height`    | `number \| string`            | `24`, `"1.5rem"`           |
-| `fill`      | `string` (cor em HEX ou nome) | `"#333"`, `"currentColor"` |
-| `className` | `string`                      | `"icon-large"`             |
-| `style`     | `React.CSSProperties`         | `{ marginRight: 8 }`       |
-
----
-
-## 🛠 Desenvolvimento
-
-### Gerar componentes a partir de SVGs
-
-1. Coloque seus arquivos SVG em `src/icons/`.
-2. Rode o comando:
-
-```bash
-npm run generate
-```
-
-Isso irá converter todos os SVGs para componentes React TypeScript (`.tsx`) e salvá-los em `src/components/`.
-
-### Compilar a lib
-
-```bash
-npm run build
-```
-
-Esse comando usa o `tsup` para gerar a pasta `dist/` com módulos `esm`, `cjs` e os arquivos `.d.ts`.
-
----
-
-## 📁 Estrutura
-
-```bash
-packages/icons/
-├── scripts/             # Scripts de desenvolvimento
-├── src/
-│   ├── icons/           # SVGs originais
-│   ├── components/      # Componentes React (.tsx)
-│   ├── _temp/           # Svgs Temporários
-│   └── index.ts         # Exportações centralizadas
-├── tsconfig.json
-├── package.json
-└── README.md
-```
-
----
-
-## 🧪 Exemplo de Estilização via Tailwind
-
-```tsx
-<FacebookIcon className="w-6 h-6 text-blue-600" />
-```
-
----
-
-## 🤝 Contribuição
-
-Para adicionar novos ícones:
-
-1. Adicione o SVG em `src/icons/`
-2. Rode `npm run generate`
-3. Adicione ao a exportação em `src/index.ts`
-4. Teste no seu projeto local
-
----
-
-## 📃 Licença
-
-Este projeto é privado e pertence à ABQM. Uso externo é restrito.
+# @abqm-ds/icons
+
+> Biblioteca de ícones em React baseada em SVGs personalizados da ABQM.
+
+Esta biblioteca fornece ícones SVG como componentes React, permitindo uso simples, estilização via props e integração fluida com projetos em React ou design systems internos.
+
+---
+
+## 📦 Instalação
+
+No seu projeto React (com suporte a pacotes do monorepo):
+
+```bash
+yarn add @abqm-ds/icons
+# ou
+npm install @abqm-ds/icons
+```
+
+---
+
+## ⚙️ Como Funciona
+
+1. Adicione os arquivos **SVG** que deseja converter na pasta `src/icons/`:
+
+   > **Atenção:** A nomenclatura dos ícones deve ser capitalizada, ex:
+   >
+   > ❌ caretright.svg
+   >
+   > ✅ CaretRight.svg
+
+2. Em seguida, execute o comando abaixo no terminal:
+
+```bash
+npm run generate:icons
+```
+
+3. O processo de geração segue estas etapas:
+   - Os ícones são convertidos e salvos temporariamente na pasta `_temp`.
+   - Em seguida, são organizados e movidos para a pasta `components`.
+
+> 💡 Esse processo evita que todos os ícones existentes sejam modificados a cada nova adição. O script verifica se um ícone já existe e somente cria ou atualiza os que são realmente novos ou alterados.
+
+---
+
+## 💡 Como Usar
+
+Importe o componente do ícone desejado diretamente:
+
+```tsx
+import { FacebookIcon, InstagramIcon, YoutubeIcon, HorseIcon } from '@abqm-ds/icons';
+
+export function Example() {
+  return (
+    <div style={{ display: 'flex', gap: 16 }}>
+      <FacebookIcon width={24} height={24} fill="#1877F2" />
+      <InstagramIcon width={24} height={24} fill="#E1306C" />
+      <YoutubeIcon width={24} height={24} fill="#FF0000" />
+      <HorseIcon width={32} height={32} />
+    </div>
+  );
+}
+```
+
+---
+
+## 🎯 Props Aceitas
+
+Todos os ícones exportados são componentes React SVG e aceitam todas as propriedades nativas de SVG:
+
+| Prop        | Tipo                          | Exemplo                    |
+| ----------- | ----------------------------- | -------------------------- |
+| `width`     | `number \| string`            | `24`, `"1em"`              |
+| `height`    | `number \| string`            | `24`, `"1.5rem"`           |
+| `fill`      | `string` (cor em HEX ou nome) | `"#333"`, `"currentColor"` |
+| `className` | `string`                      | `"icon-large"`             |
+| `style`     | `React.CSSProperties`         | `{ marginRight: 8 }`       |
+
+---
+
+## 🛠 Desenvolvimento
+
+### Gerar componentes a partir de SVGs
+
+1. Coloque seus arquivos SVG em `src/icons/`.
+2. Rode o comando:
+
+```bash
+npm run generate
+```
+
+Isso irá converter todos os SVGs para componentes React TypeScript (`.tsx`) e salvá-los em `src/components/`.
+
+### Compilar a lib
+
+```bash
+npm run build
+```
+
+Esse comando usa o `tsup` para gerar a pasta `dist/` com módulos `esm`, `cjs` e os arquivos `.d.ts`.
+
+---
+
+## 📁 Estrutura
+
+```bash
+packages/icons/
+├── scripts/             # Scripts de desenvolvimento
+├── src/
+│   ├── icons/           # SVGs originais
+│   ├── components/      # Componentes React (.tsx)
+│   ├── _temp/           # SVGs temporários
+│   └── index.ts         # Exportações centralizadas
+├── tsconfig.json
+├── package.json
+└── README.md
+```
+
+---
+
+## 🤝 Contribuição
+
+Para adicionar novos ícones:
+
+1. Adicione o SVG em `src/icons/`
+2. Rode `npm run generate`
+3. Adicione à exportação em `src/index.ts`
+4. Teste no seu projeto local
+
+---
+
+## 📃 Licença
+
+Este projeto é privado e pertence à ABQM. Uso externo é restrito.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abqm-ds/icons",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/scripts/move-icons.js

@@ -1,84 +1,84 @@
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-// Corrigir __dirname em ESM
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Caminhos
-const tempDir = path.resolve(__dirname, '../src/_temp');
-const finalDir = path.resolve(__dirname, '../src/components');
-const indexFile = path.resolve(__dirname, '../src/index.ts');
-
-// Verifica se a pasta temporária existe
-if (!fs.existsSync(tempDir)) {
-  console.log('⚠️  Pasta src/_temp não existe. Rode "npm run generate" antes.');
-  process.exit(0);
-}
-
-// Cria a pasta final se necessário
-if (!fs.existsSync(finalDir)) {
-  fs.mkdirSync(finalDir, { recursive: true });
-}
-
-const tempFiles = fs.readdirSync(tempDir).filter((f) => f.endsWith('.tsx'));
-const exports = [];
-
-for (const file of tempFiles) {
-  const baseName = path.basename(file, '.tsx');
-  const cleanedName = baseName.replace(/^svg/i, ''); // Remove prefixo svg
-  const componentName = `${cleanedName}Icon`;
-
-  const fromPath = path.join(tempDir, file);
-  const toPath = path.join(finalDir, `${componentName}.tsx`);
-
-  if (fs.existsSync(toPath)) {
-    console.log(`⏩ Ignorado (já existe): ${componentName}`);
-    continue;
-  }
-
-  // Lê e modifica o conteúdo
-  let fileContent = fs.readFileSync(fromPath, 'utf-8');
-
-  // Remove a linha de importação do React
-  fileContent = fileContent.replace(
-    /import\s+\*\s+as\s+React\s+from\s+['"]react['"];?\n?/g,
-    ''
-  );
-
-  // Renomeia o nome do componente
-  const regex = new RegExp(`const\\s+Svg${cleanedName}\\b`, 'g');
-  fileContent = fileContent.replace(regex, `const ${componentName}`);
-
-  // Atualiza o export default
-  fileContent = fileContent.replace(
-    new RegExp(`export\\s+default\\s+Svg${cleanedName}\\b`, 'g'),
-    `export default ${componentName}`
-  );
-
-  // Escreve novo arquivo e remove o antigo
-  fs.writeFileSync(toPath, fileContent);
-  fs.unlinkSync(fromPath);
-
-  console.log(`✅ Movido e renomeado: ${componentName}`);
-  exports.push(
-    `export { default as ${componentName} } from './components/${componentName}';`
-  );
-}
-
-// Atualiza index.ts
-if (exports.length > 0) {
-  let indexContent = '';
-  if (fs.existsSync(indexFile)) {
-    indexContent = fs.readFileSync(indexFile, 'utf-8');
-  }
-
-  const newExports = exports.filter((e) => !indexContent.includes(e));
-  if (newExports.length > 0) {
-    fs.appendFileSync(indexFile, '\n' + newExports.join('\n') + '\n');
-    console.log('📦 index.ts atualizado');
-  }
-} else {
-  console.log('✅ Nenhum novo componente a mover');
-}
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// Corrigir __dirname em ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Caminhos
+const tempDir = path.resolve(__dirname, '../src/_temp');
+const finalDir = path.resolve(__dirname, '../src/components');
+const indexFile = path.resolve(__dirname, '../src/index.ts');
+
+// Verifica se a pasta temporária existe
+if (!fs.existsSync(tempDir)) {
+  console.log('⚠️  Pasta src/_temp não existe. Rode "npm run generate" antes.');
+  process.exit(0);
+}
+
+// Cria a pasta final se necessário
+if (!fs.existsSync(finalDir)) {
+  fs.mkdirSync(finalDir, { recursive: true });
+}
+
+const tempFiles = fs.readdirSync(tempDir).filter((f) => f.endsWith('.tsx'));
+const exports = [];
+
+for (const file of tempFiles) {
+  const baseName = path.basename(file, '.tsx');
+  const cleanedName = baseName.replace(/^svg/i, ''); // Remove prefixo svg
+  const componentName = `${cleanedName}Icon`;
+
+  const fromPath = path.join(tempDir, file);
+  const toPath = path.join(finalDir, `${componentName}.tsx`);
+
+  if (fs.existsSync(toPath)) {
+    console.log(`⏩ Ignorado (já existe): ${componentName}`);
+    continue;
+  }
+
+  // Lê e modifica o conteúdo
+  let fileContent = fs.readFileSync(fromPath, 'utf-8');
+
+  // Remove a linha de importação do React
+  fileContent = fileContent.replace(
+    /import\s+\*\s+as\s+React\s+from\s+['"]react['"];?\n?/g,
+    ''
+  );
+
+  // Renomeia o nome do componente
+  const regex = new RegExp(`const\\s+Svg${cleanedName}\\b`, 'g');
+  fileContent = fileContent.replace(regex, `const ${componentName}`);
+
+  // Atualiza o export default
+  fileContent = fileContent.replace(
+    new RegExp(`export\\s+default\\s+Svg${cleanedName}\\b`, 'g'),
+    `export default ${componentName}`
+  );
+
+  // Escreve novo arquivo e remove o antigo
+  fs.writeFileSync(toPath, fileContent);
+  fs.unlinkSync(fromPath);
+
+  console.log(`✅ Movido e renomeado: ${componentName}`);
+  exports.push(
+    `export { default as ${componentName} } from './components/${componentName}';`
+  );
+}
+
+// Atualiza index.ts
+if (exports.length > 0) {
+  let indexContent = '';
+  if (fs.existsSync(indexFile)) {
+    indexContent = fs.readFileSync(indexFile, 'utf-8');
+  }
+
+  const newExports = exports.filter((e) => !indexContent.includes(e));
+  if (newExports.length > 0) {
+    fs.appendFileSync(indexFile, '\n' + newExports.join('\n') + '\n');
+    console.log('📦 index.ts atualizado');
+  }
+} else {
+  console.log('✅ Nenhum novo componente a mover');
+}

package/src/components/AwardFillIcon.tsx

@@ -1,23 +1,23 @@
-import type { SVGProps } from 'react';
-const AwardFillIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 16 16"
-    {...props}
-  >
-    <path
-      fill="#001007"
-      fillOpacity={0.5}
-      d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z"
-    />
-    <path
-      fill="#001007"
-      fillOpacity={0.5}
-      d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z"
-    />
-  </svg>
-);
-export default AwardFillIcon;
+import type { SVGProps } from 'react';
+const AwardFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      fill="#001007"
+      fillOpacity={0.5}
+      d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z"
+    />
+    <path
+      fill="#001007"
+      fillOpacity={0.5}
+      d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z"
+    />
+  </svg>
+);
+export default AwardFillIcon;

package/src/components/BroadcastIcon.tsx

@@ -1,25 +1,25 @@
-import type { SVGProps } from 'react';
-const BroadcastIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 16 16"
-    {...props}
-  >
-    <g clipPath="url(#Broadcast_svg__a)">
-      <path
-        fill="#001007"
-        fillOpacity={0.5}
-        d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707m2.122 2.122a4 4 0 0 0 0 5.656.501.501 0 0 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 1 1 .708.708m5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708m2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
-      />
-    </g>
-    <defs>
-      <clipPath id="Broadcast_svg__a">
-        <path fill="#fff" d="M0 0h16v16H0z" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default BroadcastIcon;
+import type { SVGProps } from 'react';
+const BroadcastIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g clipPath="url(#Broadcast_svg__a)">
+      <path
+        fill="#001007"
+        fillOpacity={0.5}
+        d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707m2.122 2.122a4 4 0 0 0 0 5.656.501.501 0 0 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 1 1 .708.708m5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708m2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
+      />
+    </g>
+    <defs>
+      <clipPath id="Broadcast_svg__a">
+        <path fill="#fff" d="M0 0h16v16H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default BroadcastIcon;

package/src/components/CaretDownIcon.tsx

@@ -1,18 +1,18 @@
-import type { SVGProps } from 'react';
-const CaretDownIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 10 6"
-    {...props}
-  >
-    <path
-      fill="#fff"
-      fillOpacity={0.5}
-      d="M4.435 5.355.838 1.244A.75.75 0 0 1 1.403 0h7.194a.75.75 0 0 1 .565 1.244l-3.597 4.11a.75.75 0 0 1-1.13 0z"
-    />
-  </svg>
-);
-export default CaretDownIcon;
+import type { SVGProps } from 'react';
+const CaretDownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 10 6"
+    {...props}
+  >
+    <path
+      fill="#fff"
+      fillOpacity={0.5}
+      d="M4.435 5.355.838 1.244A.75.75 0 0 1 1.403 0h7.194a.75.75 0 0 1 .565 1.244l-3.597 4.11a.75.75 0 0 1-1.13 0z"
+    />
+  </svg>
+);
+export default CaretDownIcon;