@ama-pt/agora-design-system 3.7.0 → 4.0.0

package/README.md

@@ -38,90 +38,47 @@ ADS presents a set of rules and guidelines that must be followed in the design a
 > npm install @ama-pt/agora-design-system
 ```
 
-## Tailwind configuration
+## Tailwind CSS v4 configuration
 
-In order to reduce bundle size, we needed do strip some classes from the bundle. As result, some of the tailwind classes may not be available out of the box. To have access to all tailwind AgoraDS themed classes you have to do some additional steps.
-
-- Install and initialize tailwindcss
-
-```sh
-> npm install -D tailwindcss postcss autoprefixer
-> npx tailwindcss init -p
-```
-
-- Add the @tailwind directives for each of Tailwind’s layers to your main CSS file
+AgoraDS 4 requires Tailwind CSS v4. Configure Tailwind for your framework using the
+[official installation guide](https://tailwindcss.com/docs/installation), then add these imports to your main CSS file in the order shown:
 
 ```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-```
+/* AgoraDS design tokens */
+@import '@ama-pt/agora-design-system/theme.css';
 
-- Open tailwind.config.ts, set AgoraDS configs, and set the **content** config with the desired glob to allow tailwind to generate all of the corresponding CSS needed for your project:
+/* Tailwind v4 reset and utilities */
+@import 'tailwindcss/preflight';
+@import 'tailwindcss/utilities';
 
-```typescript
-import { AgoraTailwindConfig } from '@ama-pt/agora-design-system';
-import type { Config } from 'tailwindcss';
-
-const TailwindConfig: Config = {
-  content: ['src/**/*.{ts,tsx}'],
-  theme: AgoraTailwindConfig.theme,
-  plugins: AgoraTailwindConfig.plugins,
-  safelist: AgoraTailwindConfig.safelist,
-  corePlugins: {
-    preflight: false
-  }
-};
-
-export default TailwindConfig;
+/* AgoraDS compiled component styles */
+@import '@ama-pt/agora-design-system/index.css';
 ```
 
-- import the css style file that exists in node_modules folder into your layout.tsx file (if working with NextJS) or index.tsx (if working with React only)
+No `tailwind.config` file or `AgoraTailwindConfig` import is required. AgoraDS uses Tailwind v4's CSS-first configuration.
 
-```typescript
-//  typescript import
-import '@ama-pt/agora-design-system/artifacts/dist/index.css';
-//  or equivalent for javascript imports
-```
+## Overriding the AgoraDS theme
 
-- Run and test the app...
-
-## Overriding Tailwind configuration
-
-To override any tailwind config you need to update the tailwind.config.ts file as explained in the following example:
-
-```typescript
-import { AgoraTailwindConfig } from '@ama-pt/agora-design-system';
-import type { Config } from 'tailwindcss';
-
-const TailwindConfig: Config = {
-  content: ['src/**/*.tsx'],
-  theme: {
-    ...AgoraTailwindConfig.theme,
-    colors: {
-      ...AgoraTailwindConfig.theme.colors,
-      primary: {
-        50: '#FFF000',
-        100: '#FFF000',
-        200: '#FFF000',
-        300: '#FFF000',
-        400: '#FFF000',
-        500: '#FFF000',
-        600: '#FFF000',
-        700: '#FFF000',
-        800: '#FFF000',
-        900: '#FFF000'
-      }
-    }
-  },
-  plugins: AgoraTailwindConfig.plugins,
-  safelist: AgoraTailwindConfig.safelist,
-  corePlugins: { preflight: false }
-};
-
-export default TailwindConfig;
-```
+Override design tokens with an `@theme` block after the imports. For example, the following changes the primary color palette:
 
-With this example we are transforming all primary color shades into yellow.
+```css
+@import '@ama-pt/agora-design-system/theme.css';
+@import 'tailwindcss/preflight';
+@import 'tailwindcss/utilities';
+@import '@ama-pt/agora-design-system/index.css';
+
+@theme {
+  --color-primary-50: #fff000;
+  --color-primary-100: #fff000;
+  --color-primary-200: #fff000;
+  --color-primary-300: #fff000;
+  --color-primary-400: #fff000;
+  --color-primary-500: #fff000;
+  --color-primary-600: #fff000;
+  --color-primary-700: #fff000;
+  --color-primary-800: #fff000;
+  --color-primary-900: #fff000;
+}
+```
 
-**corePlugins** - is used to disable de tailwind resets already done by the AgoraDS library.
+See the Storybook Installation Guide, Tailwind Theme Configuration, and Migration Guide for the complete setup and all v3-to-v4 breaking changes.

package/package.json

@@ -1,13 +1,23 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.7.0",
+  "version": "4.0.0",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
-    "artifacts/dist"
+    "artifacts/dist",
+    "src/styles/theme.css"
   ],
   "types": "artifacts/dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./artifacts/dist/types/index.d.ts",
+      "import": "./artifacts/dist/index.mjs",
+      "require": "./artifacts/dist/index.umd.js"
+    },
+    "./index.css": "./artifacts/dist/index.css",
+    "./theme.css": "./src/styles/theme.css"
+  },
   "scripts": {
     "start": "npm run storybook",
     "dev": "npm run storybook",
@@ -21,7 +31,7 @@
     "jest-tests-no-coverage": "jest --coverage=false",
     "local-jest-tests": "jest --config jest.config.local.ts --coverage",
     "local-jest-tests-no-coverage": "jest --config jest.config.local.ts --coverage=false",
-    "build": "vite build && tailwindcss -i ./src/styles/globals.css -o ./artifacts/dist/tailwind.css && tsc --project tsconfig-build.json && tsc-alias -p tsconfig-build.json"
+    "build": "vite build && tsc --project tsconfig-build.json && tsc-alias -p tsconfig-build.json"
   },
   "dependencies": {
     "classnames": "^2.5.1"
@@ -40,6 +50,8 @@
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/react": "^9.1.16",
     "@storybook/react-vite": "^9.1.16",
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -52,7 +64,6 @@
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react-swc": "^3.11.0",
-    "autoprefixer": "^10.4.22",
     "babel-jest": "^29.7.0",
     "date-fns": "^4.1.0",
     "del": "^8.0.1",
@@ -77,26 +88,26 @@
     "jest-preview": "^0.3.2",
     "jest-sonar-reporter": "^2.0.0",
     "playwright": "^1.57.0",
-    "postcss": "^8.5.6",
     "prettier": "^3.7.4",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "react-syntax-highlighter": "^15.6.6",
     "storybook": "^9.1.16",
-    "tailwindcss": "^3.4.18",
+    "tailwindcss": "^4.3.0",
     "ts-dedent": "^2.2.0",
     "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",
     "tsc-alias": "^1.8.16",
     "typescript": "*",
-    "vite": "^5.4.21",
+    "vite": "^7.3.3",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.3.0"
   },
   "author": "AMA",
   "license": "MIT",

package/src/styles/theme.css

@@ -0,0 +1,418 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+
+@theme {
+  /* Colors */
+  --color-*: initial;
+  --color-transparent: transparent;
+  --color-white: #ffffff;
+  --color-black: #000000;
+  --color-focus: #f408fc;
+  --color-backdrop: rgba(43, 54, 60, 0.96);
+
+  --color-mask-image: rgba(43, 54, 60, 0.8);
+  --color-mask-neutral-900: #2b363ccc;
+  --color-mask-primary-900: #021c51cc;
+  --color-mask-secondary-900: #0d4c75cc;
+
+  --color-neutral-50: #f7f8fa;
+  --color-neutral-100: #f1f3f8;
+  --color-neutral-200: #e1e4ea;
+  --color-neutral-300: #cdd2dc;
+  --color-neutral-400: #bac0cc;
+  --color-neutral-500: #9ca6b8;
+  --color-neutral-600: #8893aa;
+  --color-neutral-700: #64718b;
+  --color-neutral-800: #475164;
+  --color-neutral-900: #2b363c;
+
+  --color-primary-50: #fafcff;
+  --color-primary-100: #f2f6ff;
+  --color-primary-200: #e5eeff;
+  --color-primary-300: #bbd1fd;
+  --color-primary-400: #5f93fc;
+  --color-primary-500: #1a65fa;
+  --color-primary-600: #034ad8;
+  --color-primary-700: #0338a2;
+  --color-primary-800: #002b82;
+  --color-primary-900: #021c51;
+
+  --color-secondary-50: #f5fbff;
+  --color-secondary-100: #ebf6ff;
+  --color-secondary-200: #e3f4ff;
+  --color-secondary-300: #cceaff;
+  --color-secondary-400: #a0d8fe;
+  --color-secondary-500: #1ca3fc;
+  --color-secondary-600: #1993e3;
+  --color-secondary-700: #1682ca;
+  --color-secondary-800: #12669e;
+  --color-secondary-900: #0d4c75;
+
+  --color-informative-50: #e5f6ff;
+  --color-informative-100: #e5f6ff;
+  --color-informative-200: #a5deff;
+  --color-informative-300: #77ceff;
+  --color-informative-400: #49bcff;
+  --color-informative-500: #0079bf;
+  --color-informative-600: #00598c;
+  --color-informative-700: #0b486b;
+  --color-informative-800: #083752;
+  --color-informative-900: #00121c;
+
+  --color-success-50: #e5fff6;
+  --color-success-100: #c2f2e2;
+  --color-success-200: #7accb1;
+  --color-success-300: #36b289;
+  --color-success-400: #1f9970;
+  --color-success-500: #008558;
+  --color-success-600: #00724c;
+  --color-success-700: #005539;
+  --color-success-800: #013926;
+  --color-success-900: #001c13;
+
+  --color-warning-50: #fff9e5;
+  --color-warning-100: #fff2cc;
+  --color-warning-200: #ffe699;
+  --color-warning-300: #ffe699;
+  --color-warning-400: #ffd966;
+  --color-warning-500: #fbcb3c;
+  --color-warning-600: #fbbb3c;
+  --color-warning-700: #f2a222;
+  --color-warning-800: #b06112;
+  --color-warning-900: #80460d;
+
+  --color-danger-50: #fef1f2;
+  --color-danger-100: #fee1e3;
+  --color-danger-200: #fec8cc;
+  --color-danger-300: #fca6ad;
+  --color-danger-400: #f8727d;
+  --color-danger-500: #de2d3b;
+  --color-danger-600: #d12332;
+  --color-danger-700: #c41826;
+  --color-danger-800: #b20917;
+  --color-danger-900: #86131d;
+
+  /* Font family */
+  --font-*: initial;
+  --font-sans: 'Noto Sans', sans-serif;
+
+  /* Typography */
+  --text-*: initial;
+  --text-base: 16px;
+
+  /* Typography / S */
+  --text-s-regular: 0.875rem;
+  --text-s-regular--line-height: 1.5rem;
+  --text-s-regular--letter-spacing: 0;
+  --text-s-regular--font-weight: 400;
+
+  --text-s-medium: 0.875rem;
+  --text-s-medium--line-height: 1.5rem;
+  --text-s-medium--letter-spacing: 0;
+  --text-s-medium--font-weight: 500;
+
+  --text-s-semibold: 0.875rem;
+  --text-s-semibold--line-height: 1.5rem;
+  --text-s-semibold--letter-spacing: 0;
+  --text-s-semibold--font-weight: 600;
+
+  --text-s-bold: 0.875rem;
+  --text-s-bold--line-height: 1.5rem;
+  --text-s-bold--letter-spacing: 0;
+  --text-s-bold--font-weight: 700;
+
+  /* Typography / M */
+  --text-m-light: 1rem;
+  --text-m-light--line-height: 1.75rem;
+  --text-m-light--letter-spacing: 0;
+  --text-m-light--font-weight: 300;
+
+  --text-m-regular: 1rem;
+  --text-m-regular--line-height: 1.75rem;
+  --text-m-regular--letter-spacing: 0;
+  --text-m-regular--font-weight: 400;
+
+  --text-m-medium: 1rem;
+  --text-m-medium--line-height: 1.75rem;
+  --text-m-medium--letter-spacing: 0;
+  --text-m-medium--font-weight: 500;
+
+  --text-m-semibold: 1rem;
+  --text-m-semibold--line-height: 1.75rem;
+  --text-m-semibold--letter-spacing: 0;
+  --text-m-semibold--font-weight: 600;
+
+  --text-m-bold: 1rem;
+  --text-m-bold--line-height: 1.75rem;
+  --text-m-bold--letter-spacing: 0;
+  --text-m-bold--font-weight: 700;
+
+  /* Typography / L */
+  --text-l-light: 1.25rem;
+  --text-l-light--line-height: 2rem;
+  --text-l-light--letter-spacing: 0;
+  --text-l-light--font-weight: 300;
+
+  --text-l-regular: 1.25rem;
+  --text-l-regular--line-height: 2rem;
+  --text-l-regular--letter-spacing: 0;
+  --text-l-regular--font-weight: 400;
+
+  --text-l-medium: 1.25rem;
+  --text-l-medium--line-height: 2rem;
+  --text-l-medium--letter-spacing: 0;
+  --text-l-medium--font-weight: 500;
+
+  --text-l-semibold: 1.25rem;
+  --text-l-semibold--line-height: 2rem;
+  --text-l-semibold--letter-spacing: 0;
+  --text-l-semibold--font-weight: 600;
+
+  --text-l-bold: 1.25rem;
+  --text-l-bold--line-height: 2rem;
+  --text-l-bold--letter-spacing: 0;
+  --text-l-bold--font-weight: 700;
+
+  /* Typography / XL */
+  --text-xl-light: 1.5rem;
+  --text-xl-light--line-height: 2.25rem;
+  --text-xl-light--letter-spacing: 0;
+  --text-xl-light--font-weight: 300;
+
+  --text-xl-regular: 1.5rem;
+  --text-xl-regular--line-height: 2.25rem;
+  --text-xl-regular--letter-spacing: 0;
+  --text-xl-regular--font-weight: 400;
+
+  --text-xl-medium: 1.5rem;
+  --text-xl-medium--line-height: 2.25rem;
+  --text-xl-medium--letter-spacing: 0;
+  --text-xl-medium--font-weight: 500;
+
+  --text-xl-semibold: 1.5rem;
+  --text-xl-semibold--line-height: 2.25rem;
+  --text-xl-semibold--letter-spacing: 0;
+  --text-xl-semibold--font-weight: 600;
+
+  --text-xl-bold: 1.5rem;
+  --text-xl-bold--line-height: 2.25rem;
+  --text-xl-bold--letter-spacing: 0;
+  --text-xl-bold--font-weight: 700;
+
+  /* Typography / 2XL */
+  --text-2xl-light: 2rem;
+  --text-2xl-light--line-height: 3rem;
+  --text-2xl-light--letter-spacing: 0;
+  --text-2xl-light--font-weight: 300;
+
+  --text-2xl-regular: 2rem;
+  --text-2xl-regular--line-height: 3rem;
+  --text-2xl-regular--letter-spacing: 0;
+  --text-2xl-regular--font-weight: 400;
+
+  --text-2xl-medium: 2rem;
+  --text-2xl-medium--line-height: 3rem;
+  --text-2xl-medium--letter-spacing: 0;
+  --text-2xl-medium--font-weight: 500;
+
+  --text-2xl-semibold: 2rem;
+  --text-2xl-semibold--line-height: 3rem;
+  --text-2xl-semibold--letter-spacing: 0;
+  --text-2xl-semibold--font-weight: 600;
+
+  --text-2xl-bold: 2rem;
+  --text-2xl-bold--line-height: 3rem;
+  --text-2xl-bold--letter-spacing: 0;
+  --text-2xl-bold--font-weight: 700;
+
+  /* Typography / 3XL */
+  --text-3xl-light: 2.5rem;
+  --text-3xl-light--line-height: 3.75rem;
+  --text-3xl-light--letter-spacing: 0;
+  --text-3xl-light--font-weight: 300;
+
+  --text-3xl-regular: 2.5rem;
+  --text-3xl-regular--line-height: 3.75rem;
+  --text-3xl-regular--letter-spacing: 0;
+  --text-3xl-regular--font-weight: 400;
+
+  --text-3xl-medium: 2.5rem;
+  --text-3xl-medium--line-height: 3.75rem;
+  --text-3xl-medium--letter-spacing: 0;
+  --text-3xl-medium--font-weight: 500;
+
+  --text-3xl-semibold: 2.5rem;
+  --text-3xl-semibold--line-height: 3.75rem;
+  --text-3xl-semibold--letter-spacing: 0;
+  --text-3xl-semibold--font-weight: 600;
+
+  --text-3xl-bold: 2.5rem;
+  --text-3xl-bold--line-height: 3.75rem;
+  --text-3xl-bold--letter-spacing: 0;
+  --text-3xl-bold--font-weight: 700;
+
+  /* Spacing */
+  --spacing-*: initial;
+  --spacing-0: 0px;
+  --spacing-8: 8px;
+  --spacing-16: 16px;
+  --spacing-24: 24px;
+  --spacing-32: 32px;
+  --spacing-40: 40px;
+  --spacing-48: 48px;
+  --spacing-56: 56px;
+  --spacing-64: 64px;
+  --spacing-72: 72px;
+  --spacing-80: 80px;
+  --spacing-88: 88px;
+  --spacing-96: 96px;
+  --spacing-104: 104px;
+  --spacing-112: 112px;
+  --spacing-120: 120px;
+  --spacing-128: 128px;
+  --spacing-256: 256px;
+  --spacing-1\/4: 25%;
+  --spacing-1\/2: 50%;
+  --spacing-full: 100%;
+
+  /* Screens */
+  --breakpoint-*: initial;
+  --breakpoint-xs: 360px;
+  --breakpoint-md: 768px;
+  --breakpoint-xl: 1280px;
+
+  /* Border Radius */
+  --radius-*: initial;
+  --radius-none: 0px;
+  --radius-4: 4px;
+  --radius-8: 8px;
+  --radius-16: 16px;
+  --radius-24: 24px;
+  --radius-32: 32px;
+  --radius-full: 100%;
+
+  /* Box Shadow */
+  --shadow-*: initial;
+  --shadow-none: 0 0 #0000;
+  --shadow-top-lower: 0px -4px 4px 0px rgba(0, 0, 0, 0.16);
+  --shadow-top-low: 0px -8px 8px 0px rgba(0, 0, 0, 0.08);
+  --shadow-top-medium: 0px -16px 16px 0px rgba(0, 0, 0, 0.08);
+  --shadow-top-high: 0px -16px 16px 0px rgba(0, 0, 0, 0.16);
+  --shadow-top-higher: 0px -16px 16px 0px rgba(0, 0, 0, 0.32);
+  --shadow-center-lower: 0px 0px 4px 0px rgba(0, 0, 0, 0.32);
+  --shadow-center-low: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
+  --shadow-center-medium: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
+  --shadow-center-high: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
+  --shadow-center-higher: 0px 0px 16px 0px rgba(0, 0, 0, 0.32);
+  --shadow-bottom-lower: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
+  --shadow-bottom-low: 0px 8px 8px 0px rgba(0, 0, 0, 0.08);
+  --shadow-bottom-medium: 0px 16px 16px 0px rgba(0, 0, 0, 0.08);
+  --shadow-bottom-high: 0px 16px 16px 0px rgba(0, 0, 0, 0.16);
+  --shadow-bottom-higher: 0px 16px 16px 0px rgba(0, 0, 0, 0.32);
+  --shadow-inner: 0px 4px 4px 0px rgba(0, 0, 0, 0.32) inset;
+
+  /* Z-Index */
+  --z-dropdown: 1000;
+  --z-backdrop: 2000;
+  --z-sticky: 3000;
+  --z-fixed: 4000;
+  --z-drawer: 5000;
+  --z-dialog: 6000;
+  --z-toast: 7000;
+  --z-tooltip: 8000;
+
+  /* Opacity */
+  --opacity-16: 0.16;
+  --opacity-32: 0.32;
+
+  /* Grid Template Columns */
+  --grid-template-columns-1-auto: auto;
+  --grid-template-columns-2-auto: auto auto;
+  --grid-template-columns-3-auto: auto auto auto;
+  --grid-template-columns-4-auto: auto auto auto auto;
+  --grid-template-columns-5-auto: auto auto auto auto auto;
+  --grid-template-columns-6-auto: auto auto auto auto auto auto;
+  --grid-template-columns-7-auto: auto auto auto auto auto auto auto;
+  --grid-template-columns-8-auto: auto auto auto auto auto auto auto auto;
+  --grid-template-columns-9-auto: auto auto auto auto auto auto auto auto auto;
+  --grid-template-columns-10-auto: auto auto auto auto auto auto auto auto auto auto;
+  --grid-template-columns-11-auto: auto auto auto auto auto auto auto auto auto auto auto;
+  --grid-template-columns-12-auto: auto auto auto auto auto auto auto auto auto auto auto auto;
+
+  /* Transition Duration — semantic token for the DS default animation speed */
+  --duration-default: 200ms;
+
+  /*
+  Tailwind v3 merged default utilities automatically; v4 only generates utilities
+  for values explicitly defined in the config. Because this project imports only
+  'tailwindcss/preflight' and 'tailwindcss/utilities' (not 'tailwindcss/theme'),
+  the default CSS variables are absent and must be declared here.
+
+  Variables in Tailwind v4 recognized namespaces (--animate-*, --ease-*,
+  --font-weight-*, --leading-*, --content-*) auto-generate their corresponding
+  utilities — no @utility block needed (unlike --z-*, which does require one).
+
+  Only values actually referenced via @apply in component CSS files are listed.
+*/
+  --animate-spin: spin 1s linear infinite;
+  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --font-weight-bold: 700;
+  --font-weight-medium: 500;
+  --leading-5: 1.25rem;
+  --content-empty: '';
+}
+
+@utility duration {
+  transition-duration: var(--duration-default);
+}
+
+@utility z-dropdown {
+  z-index: var(--z-dropdown);
+}
+
+@utility z-backdrop {
+  z-index: var(--z-backdrop);
+}
+
+@utility z-sticky {
+  z-index: var(--z-sticky);
+}
+
+@utility z-fixed {
+  z-index: var(--z-fixed);
+}
+
+@utility z-drawer {
+  z-index: var(--z-drawer);
+}
+
+@utility z-dialog {
+  z-index: var(--z-dialog);
+}
+
+@utility z-toast {
+  z-index: var(--z-toast);
+}
+
+@utility z-tooltip {
+  z-index: var(--z-tooltip);
+}
+
+@utility container {
+  max-width: 1216px;
+
+  @variant xs {
+    padding-inline: 32px;
+  }
+
+  @variant md {
+    padding-inline: 64px;
+  }
+
+  @variant xl {
+    padding-inline: 0;
+  }
+}
+
+/* Replaces safelist. Forces generation of utilities regardless of source scan.
+   Needed for classes constructed dynamically at runtime (e.g. `bg-${color}-${shade}`). */
+@source inline("{,hover:,focus:,xs:,md:,xl:}{border,bg,fill,text,stroke,gap}-{neutral,primary,secondary,informative,success,warning,danger}-{50,100,200,300,400,500,600,700,800,900}");

package/artifacts/dist/agora-BmHZWHqH.mjs

@@ -1,9 +0,0 @@
-import l from "react";
-const a = (e) => {
-  const t = { ...e };
-  return delete t.alt, delete t.title, /* @__PURE__ */ l.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...t, role: "img" }, e.title && /* @__PURE__ */ l.createElement("title", null, e.title), /* @__PURE__ */ l.createElement("path", { d: "M9.16224 14.2L14 2H10L5.13779 14.2L3.68888 17.8L2 22H6L7.72223 17.8L16.4467 17.8L18.0889 22H22L14.8889 3.47727L12.9333 8.47727L15.0378 14.2L9.16224 14.2Z" }));
-};
-export {
-  a as default
-};
-//# sourceMappingURL=agora-BmHZWHqH.mjs.map

package/artifacts/dist/agora-BmHZWHqH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"agora-BmHZWHqH.mjs","sources":["../../src/components/icon/assets/other/agora.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SVGIconProps } from '@/models/';\n\nexport default (props: SVGIconProps) => {\n  const newProps = { ...props };\n  delete newProps.alt;\n  delete newProps.title;\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...newProps} role=\"img\">\n      {props.title && <title>{props.title}</title>}\n      <path d=\"M9.16224 14.2L14 2H10L5.13779 14.2L3.68888 17.8L2 22H6L7.72223 17.8L16.4467 17.8L18.0889 22H22L14.8889 3.47727L12.9333 8.47727L15.0378 14.2L9.16224 14.2Z\" />\n    </svg>\n  );\n};\n"],"names":["agora","props","newProps","React"],"mappings":";AAIA,MAAAA,IAAe,CAACC,MAAwB;AACtC,QAAMC,IAAW,EAAE,GAAGD,EAAA;AACtB,gBAAOC,EAAS,KAChB,OAAOA,EAAS,OAGd,gBAAAC,EAAA,cAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,OAAM,8BAA8B,GAAGD,GAAU,MAAK,MAAA,GACnGD,EAAM,SAAS,gBAAAE,EAAA,cAAC,SAAA,MAAOF,EAAM,KAAM,GACpC,gBAAAE,EAAA,cAAC,QAAA,EAAK,GAAE,4JAAA,CAA4J,CACtK;AAEJ;"}

package/artifacts/dist/agora-line-CAGTnTRu.mjs

@@ -1,15 +0,0 @@
-import l from "react";
-const i = (e) => {
-  const t = { ...e };
-  return delete t.alt, delete t.title, /* @__PURE__ */ l.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...t, role: "img" }, e.title && /* @__PURE__ */ l.createElement("title", null, e.title), /* @__PURE__ */ l.createElement(
-    "path",
-    {
-      fill: "none",
-      d: "M13.264 2.5 8.697 14.016l-.271.684h7.328l-.247-.673-2.04-5.544 1.417-3.623 6.389 16.64H18.43l-1.519-3.882-.124-.318h-9.4l-.127.31-1.596 3.89H2.74l1.412-3.514 1.45-3.6v-.001L10.34 2.5z"
-    }
-  ));
-};
-export {
-  i as default
-};
-//# sourceMappingURL=agora-line-CAGTnTRu.mjs.map

package/artifacts/dist/agora-line-CAGTnTRu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"agora-line-CAGTnTRu.mjs","sources":["../../src/components/icon/assets/other/agora-line.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SVGIconProps } from '@/models/';\n\nexport default (props: SVGIconProps) => {\n  const newProps = { ...props };\n  delete newProps.alt;\n  delete newProps.title;\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...newProps} role=\"img\">\n      {props.title && <title>{props.title}</title>}\n      <path\n        fill=\"none\"\n        d=\"M13.264 2.5 8.697 14.016l-.271.684h7.328l-.247-.673-2.04-5.544 1.417-3.623 6.389 16.64H18.43l-1.519-3.882-.124-.318h-9.4l-.127.31-1.596 3.89H2.74l1.412-3.514 1.45-3.6v-.001L10.34 2.5z\"\n      />\n    </svg>\n  );\n};\n"],"names":["agoraLine","props","newProps","React"],"mappings":";AAIA,MAAAA,IAAe,CAACC,MAAwB;AACtC,QAAMC,IAAW,EAAE,GAAGD,EAAA;AACtB,gBAAOC,EAAS,KAChB,OAAOA,EAAS,OAGd,gBAAAC,EAAA,cAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,OAAM,8BAA8B,GAAGD,GAAU,MAAK,SACnGD,EAAM,yCAAU,SAAA,MAAOA,EAAM,KAAM,GACpC,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA,IAAA;AAAA,EAAA,CAEN;AAEJ;"}

package/artifacts/dist/arrow-curve-right-B8MoMdCY.mjs

@@ -1,17 +0,0 @@
-import t from "react";
-const i = (e) => {
-  const C = { ...e };
-  return delete C.alt, delete C.title, /* @__PURE__ */ t.createElement("svg", { width: "34", height: "58", viewBox: "0 0 34 58", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, role: "img" }, e.title && /* @__PURE__ */ t.createElement("title", null, e.title), /* @__PURE__ */ t.createElement(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M4.47577 1.3407C4.66387 0.821663 4.39575 0.248345 3.87675 0.0599884C3.3576 -0.128423 2.784 0.139696 2.59559 0.658849L3.52241 0.995211C2.59559 0.658854 2.59538 0.659422 2.59513 0.660126L2.59437 0.662233L2.59196 0.668926L2.58368 0.692158C2.57665 0.711992 2.56663 0.740486 2.55386 0.777412C2.52831 0.851262 2.49174 0.958861 2.44598 1.0984C2.35446 1.37746 2.22612 1.78444 2.07569 2.30489C1.77492 3.34549 1.3853 4.84149 1.025 6.67707C0.305312 10.3437 -0.302181 15.3894 0.162718 20.8785C0.627813 26.37 2.16893 32.3329 5.77054 37.7969C9.37842 43.2704 15.0176 48.1871 23.5838 51.6279C24.0963 51.8338 24.6786 51.5852 24.8845 51.0727C25.0903 50.5602 24.8417 49.9779 24.3292 49.7721C16.1129 46.4718 10.8082 41.8054 7.44041 36.6962C4.06638 31.5775 2.60008 25.958 2.15558 20.7098C1.71089 15.4592 2.29162 10.6078 2.98755 7.06229C3.33507 5.2918 3.71011 3.85296 3.99704 2.86023C4.14047 2.36402 4.26175 1.97972 4.34638 1.72166C4.3887 1.59264 4.42183 1.49523 4.44398 1.4312C4.45505 1.39919 4.46338 1.37553 4.46872 1.36044L4.47448 1.34428L4.47561 1.34115L4.47576 1.34072C4.47577 1.34071 4.47577 1.3407 4.47577 1.3407ZM4.47535 1.34059L4.47561 1.34115L3.53585 1.00009C4.40428 1.31526 4.47029 1.33893 4.47535 1.34059ZM4.47535 1.34059L3.87675 0.0599884L4.47577 1.3407C4.47577 1.34071 4.47576 1.34072 4.47535 1.34059ZM29.9172 46.8214C29.7081 46.3102 29.1242 46.0653 28.6131 46.2744C28.1019 46.4835 27.857 47.0674 28.0661 47.5786L31.5106 56H21.8696C21.3173 56 20.8696 56.4477 20.8696 57C20.8696 57.5523 21.3173 58 21.8696 58H33C33.3332 58 33.6445 57.834 33.8302 57.5574C34.016 57.2808 34.0517 56.9298 33.9256 56.6214L29.9172 46.8214Z",
-      fill: "#1CA3FC"
-    }
-  ));
-};
-export {
-  i as default
-};
-//# sourceMappingURL=arrow-curve-right-B8MoMdCY.mjs.map