From 3859836d8a95550e52bb8fd525c3c650c0e51e5f Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 16:22:18 +0000 Subject: [PATCH 01/10] =?UTF-8?q?chore:=20=F0=9F=A4=96=20move=20assets=20t?= =?UTF-8?q?o=20packages/icons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/click-ui/package.json | 1 + .../components/Assets/Flags/system/Flag.tsx | 9 ++- .../components/Assets/Icons/system/Icon.tsx | 9 ++- .../Assets/Logos/system/Logo.stories.tsx | 2 +- .../components/Assets/Logos/system/Logo.tsx | 9 ++- .../Assets/Payments/system/Payment.tsx | 9 ++- .../components/ContextMenu/ContextMenu.tsx | 2 +- .../src/components/Dropdown/Dropdown.tsx | 2 +- .../src/components/HoverCard/HoverCard.tsx | 2 +- .../src/components/Icon/Icon.stories.tsx | 4 +- .../click-ui/src/components/Icon/Icon.tsx | 14 ++-- .../src/components/Icon/Icon.types.ts | 11 ++- .../src/components/Icon/IconCommon.tsx | 2 +- .../src/components/Popover/Popover.tsx | 2 +- packages/click-ui/src/index.ts | 26 +++++-- .../js/convert-svg-to-react-component | 8 +- .../js/shared/svg-converter-utils.mjs | 5 +- packages/{click-ui => icons}/.svgrrc.mjs | 0 packages/icons/package.json | 77 +++++++++++++++++++ .../Assets => icons/src}/Flags/Australia.tsx | 2 +- .../Assets => icons/src}/Flags/Brazil.tsx | 2 +- .../Assets => icons/src}/Flags/Canada.tsx | 2 +- .../src}/Flags/European-Union.tsx | 2 +- .../Assets => icons/src}/Flags/Germany.tsx | 2 +- .../src}/Flags/Great-Britain.tsx | 0 .../Assets => icons/src}/Flags/Hong-Kong.tsx | 2 +- .../Assets => icons/src}/Flags/India.tsx | 2 +- .../Assets => icons/src}/Flags/Indonesia.tsx | 2 +- .../Assets => icons/src}/Flags/Ireland.tsx | 2 +- .../Assets => icons/src}/Flags/Israel.tsx | 2 +- .../Assets => icons/src}/Flags/Japan.tsx | 2 +- .../src}/Flags/Netherlands.tsx | 2 +- .../Assets => icons/src}/Flags/Singapore.tsx | 2 +- .../src}/Flags/South-Africa.tsx | 2 +- .../src}/Flags/South-Korea.tsx | 2 +- .../Assets => icons/src}/Flags/Sweden.tsx | 2 +- .../src}/Flags/Switzerland.tsx | 2 +- .../src}/Flags/United-Arab-Emirates.tsx | 2 +- .../src}/Flags/United-Kingdom.tsx | 2 +- .../src}/Flags/United-States.tsx | 2 +- packages/icons/src/Flags/index.ts | 3 + .../src}/Flags/system/FlagsDark.ts | 2 +- .../src}/Flags/system/FlagsLight.ts | 2 +- .../src}/Flags/system/types.ts | 3 +- .../Assets => icons/src}/Icons/Activity.tsx | 2 +- .../Assets => icons/src}/Icons/Alarm.tsx | 2 +- .../src}/Icons/Arrow-Directions.tsx | 2 +- .../Assets => icons/src}/Icons/Arrow-Down.tsx | 2 +- .../Assets => icons/src}/Icons/Arrow-Left.tsx | 2 +- .../src}/Icons/Arrow-Right.tsx | 2 +- .../src}/Icons/Arrow-Triangle.tsx | 2 +- .../Assets => icons/src}/Icons/Arrow-Up.tsx | 2 +- .../Assets => icons/src}/Icons/Auth-App.tsx | 2 +- .../Assets => icons/src}/Icons/Auth-Sms.tsx | 2 +- .../Assets => icons/src}/Icons/Backups.tsx | 2 +- .../Assets => icons/src}/Icons/Bar-Chart.tsx | 2 +- .../Assets => icons/src}/Icons/Bell.tsx | 2 +- .../Assets => icons/src}/Icons/Beta.tsx | 2 +- .../Assets => icons/src}/Icons/Blog.tsx | 2 +- .../Assets => icons/src}/Icons/Bold.tsx | 2 +- .../Assets => icons/src}/Icons/Book.tsx | 2 +- .../Assets => icons/src}/Icons/Brackets.tsx | 2 +- .../Assets => icons/src}/Icons/Briefcase.tsx | 2 +- .../Assets => icons/src}/Icons/Building.tsx | 2 +- .../src}/Icons/Burger-Menu.tsx | 2 +- .../src}/Icons/Calendar-With-Time.tsx | 2 +- .../Assets => icons/src}/Icons/Calendar.tsx | 2 +- .../Assets => icons/src}/Icons/Cards.tsx | 2 +- .../Assets => icons/src}/Icons/Cell-Tower.tsx | 2 +- .../Assets => icons/src}/Icons/Chart-Area.tsx | 2 +- .../src}/Icons/Chart-Bar-Horizontal.tsx | 2 +- .../src}/Icons/Chart-Cloud.tsx | 2 +- .../src}/Icons/Chart-Donut.tsx | 2 +- .../src}/Icons/Chart-Heatmap.tsx | 2 +- .../src}/Icons/Chart-Scatter.tsx | 2 +- .../src}/Icons/Chart-Square.tsx | 2 +- .../src}/Icons/Chart-Stacked-Horizontal.tsx | 2 +- .../src}/Icons/Chart-Stacked-Vertical.tsx | 2 +- .../Assets => icons/src}/Icons/Chat.tsx | 2 +- .../src}/Icons/Check-In-Circle.tsx | 2 +- .../Assets => icons/src}/Icons/Check.tsx | 2 +- .../src}/Icons/Chevron-Down.tsx | 2 +- .../src}/Icons/Chevron-Left.tsx | 2 +- .../src}/Icons/Chevron-Right.tsx | 2 +- .../Assets => icons/src}/Icons/Chevron-Up.tsx | 2 +- .../Assets => icons/src}/Icons/Circle.tsx | 2 +- .../Assets => icons/src}/Icons/Clock.tsx | 2 +- .../Assets => icons/src}/Icons/Cloud-Keys.tsx | 2 +- .../Assets => icons/src}/Icons/Cloud.tsx | 2 +- .../src}/Icons/Code-In-Square.tsx | 2 +- .../Assets => icons/src}/Icons/Code.tsx | 2 +- .../src}/Icons/Connect-Alt.tsx | 2 +- .../Assets => icons/src}/Icons/Connect.tsx | 2 +- .../Assets => icons/src}/Icons/Console.tsx | 2 +- .../Assets => icons/src}/Icons/Copy.tsx | 2 +- .../Assets => icons/src}/Icons/Cpu.tsx | 2 +- .../src}/Icons/Credit-Card.tsx | 2 +- .../Assets => icons/src}/Icons/Cross.tsx | 2 +- .../Assets => icons/src}/Icons/Data-Lakes.tsx | 2 +- .../Assets => icons/src}/Icons/Data.tsx | 2 +- .../Assets => icons/src}/Icons/Database.tsx | 2 +- .../Assets => icons/src}/Icons/Disk.tsx | 2 +- .../Assets => icons/src}/Icons/Display.tsx | 2 +- .../Assets => icons/src}/Icons/Document.tsx | 2 +- .../Assets => icons/src}/Icons/Dot.tsx | 2 +- .../src}/Icons/Dots-Horizontal.tsx | 2 +- .../src}/Icons/Dots-Triangle.tsx | 2 +- .../src}/Icons/Dots-Vertical-Double.tsx | 2 +- .../src}/Icons/Dots-Vertical.tsx | 2 +- .../src}/Icons/Double-Check.tsx | 2 +- .../src}/Icons/Download-In-Circle.tsx | 2 +- .../Assets => icons/src}/Icons/Download.tsx | 2 +- .../Assets => icons/src}/Icons/Email.tsx | 2 +- .../Assets => icons/src}/Icons/Empty.tsx | 2 +- .../Assets => icons/src}/Icons/Enter.tsx | 2 +- .../Assets => icons/src}/Icons/Eye-Closed.tsx | 2 +- .../Assets => icons/src}/Icons/Eye.tsx | 2 +- .../Assets => icons/src}/Icons/Filter.tsx | 2 +- .../Assets => icons/src}/Icons/Fire.tsx | 2 +- .../Assets => icons/src}/Icons/Flag.tsx | 2 +- .../Assets => icons/src}/Icons/Flash.tsx | 2 +- .../Assets => icons/src}/Icons/Flask.tsx | 2 +- .../src}/Icons/Folder-Closed.tsx | 2 +- .../src}/Icons/Folder-Open.tsx | 2 +- .../Assets => icons/src}/Icons/Gear.tsx | 2 +- .../Assets => icons/src}/Icons/Gift.tsx | 2 +- .../Assets => icons/src}/Icons/Git-Merge.tsx | 2 +- .../Assets => icons/src}/Icons/Globe.tsx | 2 +- .../Assets => icons/src}/Icons/Hexagon.tsx | 2 +- .../Assets => icons/src}/Icons/History.tsx | 2 +- .../Assets => icons/src}/Icons/Home.tsx | 2 +- .../src}/Icons/Horizontal-Loading.tsx | 0 .../src}/Icons/Http-Monitoring.tsx | 2 +- .../Assets => icons/src}/Icons/Http.tsx | 2 +- .../src}/Icons/Info-In-Circle.tsx | 2 +- .../src}/Icons/Information.tsx | 2 +- .../Assets => icons/src}/Icons/Insert-Row.tsx | 2 +- .../src}/Icons/Integrations.tsx | 2 +- .../Assets => icons/src}/Icons/Italic.tsx | 2 +- .../Assets => icons/src}/Icons/Key.tsx | 2 +- .../Assets => icons/src}/Icons/Keys.tsx | 2 +- .../Assets => icons/src}/Icons/Lifebuoy.tsx | 2 +- .../src}/Icons/Light-Bulb-On.tsx | 2 +- .../Assets => icons/src}/Icons/Light-Bulb.tsx | 2 +- .../Assets => icons/src}/Icons/Lightening.tsx | 2 +- .../src}/Icons/Line-In-Circle.tsx | 2 +- .../src}/Icons/List-Bulleted.tsx | 2 +- .../src}/Icons/List-Numbered.tsx | 2 +- .../src}/Icons/Loading-Animated.tsx | 0 .../Assets => icons/src}/Icons/Loading.tsx | 2 +- .../Assets => icons/src}/Icons/Lock.tsx | 2 +- .../Assets => icons/src}/Icons/Map-Pin.tsx | 2 +- .../Assets => icons/src}/Icons/Mcp.tsx | 2 +- .../src}/Icons/Metrics-Alt.tsx | 2 +- .../Assets => icons/src}/Icons/Metrics.tsx | 2 +- .../Assets => icons/src}/Icons/Minus.tsx | 2 +- .../Assets => icons/src}/Icons/Moon.tsx | 2 +- .../Assets => icons/src}/Icons/No-Cloud.tsx | 2 +- .../Assets => icons/src}/Icons/Pause.tsx | 2 +- .../Assets => icons/src}/Icons/Payment.tsx | 2 +- .../Assets => icons/src}/Icons/Pencil.tsx | 2 +- .../Assets => icons/src}/Icons/Pie-Chart.tsx | 2 +- .../Assets => icons/src}/Icons/Pipe.tsx | 2 +- .../src}/Icons/Play-In-Circle.tsx | 2 +- .../Assets => icons/src}/Icons/Play.tsx | 2 +- .../Assets => icons/src}/Icons/Plug.tsx | 2 +- .../Assets => icons/src}/Icons/Plus.tsx | 2 +- .../Assets => icons/src}/Icons/Popout.tsx | 2 +- .../src}/Icons/Popover-Arrow.tsx | 2 +- .../src}/Icons/Puzzle-Piece.tsx | 2 +- .../Assets => icons/src}/Icons/Query.tsx | 2 +- .../Assets => icons/src}/Icons/Question.tsx | 2 +- .../Assets => icons/src}/Icons/Refresh.tsx | 2 +- .../src}/Icons/Resize-Arrows-Horizontal.tsx | 2 +- .../src}/Icons/Resize-Arrows-Vertical.tsx | 2 +- .../Assets => icons/src}/Icons/Rocket.tsx | 2 +- .../Assets => icons/src}/Icons/Sand-Glass.tsx | 2 +- .../Assets => icons/src}/Icons/Search.tsx | 2 +- .../Assets => icons/src}/Icons/Secure.tsx | 2 +- .../Assets => icons/src}/Icons/Server.tsx | 2 +- .../Assets => icons/src}/Icons/Services.tsx | 2 +- .../Assets => icons/src}/Icons/Settings.tsx | 2 +- .../src}/Icons/Share-Arrow.tsx | 2 +- .../src}/Icons/Share-Network.tsx | 2 +- .../Assets => icons/src}/Icons/Share.tsx | 2 +- .../Assets => icons/src}/Icons/Sleep.tsx | 2 +- .../Assets => icons/src}/Icons/Slide-In.tsx | 2 +- .../Assets => icons/src}/Icons/Slide-Out.tsx | 2 +- .../Assets => icons/src}/Icons/Sort-Alt.tsx | 2 +- .../Assets => icons/src}/Icons/Sort.tsx | 2 +- .../Assets => icons/src}/Icons/Sparkle.tsx | 2 +- .../Assets => icons/src}/Icons/Speaker.tsx | 2 +- .../Assets => icons/src}/Icons/Speed.tsx | 2 +- .../Assets => icons/src}/Icons/Square.tsx | 2 +- .../Assets => icons/src}/Icons/Star.tsx | 2 +- .../Assets => icons/src}/Icons/Stop.tsx | 2 +- .../Assets => icons/src}/Icons/Support.tsx | 2 +- .../Assets => icons/src}/Icons/Table.tsx | 2 +- .../Assets => icons/src}/Icons/Taxi.tsx | 2 +- .../Assets => icons/src}/Icons/Text-Slash.tsx | 2 +- .../src}/Icons/Thumbs-Down.tsx | 2 +- .../Assets => icons/src}/Icons/Thumbs-Up.tsx | 2 +- .../Assets => icons/src}/Icons/Trash.tsx | 2 +- .../src}/Icons/Tree-Structure.tsx | 2 +- .../Assets => icons/src}/Icons/Underline.tsx | 2 +- .../Assets => icons/src}/Icons/Upgrade.tsx | 2 +- .../Assets => icons/src}/Icons/Upload.tsx | 2 +- .../Assets => icons/src}/Icons/Url.tsx | 2 +- .../Assets => icons/src}/Icons/User.tsx | 2 +- .../Assets => icons/src}/Icons/Users.tsx | 2 +- .../Assets => icons/src}/Icons/Warning.tsx | 2 +- .../Assets => icons/src}/Icons/Waves.tsx | 2 +- packages/icons/src/Icons/index.ts | 3 + .../src}/Icons/system/IconsDark.ts | 2 +- .../src}/Icons/system/IconsLight.ts | 2 +- .../src}/Icons/system/types.ts | 3 +- .../Assets => icons/src}/Logos/AWS.tsx | 2 +- .../Assets => icons/src}/Logos/AWS_ATHENA.tsx | 2 +- .../Assets => icons/src}/Logos/AWS_AURORA.tsx | 2 +- .../Assets => icons/src}/Logos/AWS_GLUE.tsx | 2 +- .../src}/Logos/AWS_KINESIS.tsx | 2 +- .../Assets => icons/src}/Logos/AWS_MSK.tsx | 2 +- .../Assets => icons/src}/Logos/AWS_RDS.tsx | 2 +- .../src}/Logos/AWS_REDSHIFT.tsx | 2 +- .../Assets => icons/src}/Logos/AWS_S3.tsx | 2 +- .../Assets => icons/src}/Logos/Airbyte.tsx | 2 +- .../Assets => icons/src}/Logos/Alloydb.tsx | 2 +- .../src}/Logos/ApacheIceberg.tsx | 2 +- .../Assets => icons/src}/Logos/Azure.tsx | 2 +- .../src}/Logos/Azure_Blob_Storage.tsx | 2 +- .../src}/Logos/Azure_Event_Hub.tsx | 2 +- .../Assets => icons/src}/Logos/Bigquery.tsx | 2 +- .../Assets => icons/src}/Logos/Clickhouse.tsx | 2 +- .../Assets => icons/src}/Logos/Cloudflare.tsx | 2 +- .../Assets => icons/src}/Logos/Confluent.tsx | 2 +- .../src}/Logos/Crunchy_Bridge.tsx | 2 +- .../Assets => icons/src}/Logos/Csharp.tsx | 2 +- .../Assets => icons/src}/Logos/Databricks.tsx | 2 +- .../Assets => icons/src}/Logos/Datagrip.tsx | 2 +- .../Assets => icons/src}/Logos/Dbeaver.tsx | 2 +- .../Assets => icons/src}/Logos/Dbt.tsx | 2 +- .../Assets => icons/src}/Logos/Decodeable.tsx | 2 +- .../Assets => icons/src}/Logos/Deepnote.tsx | 2 +- .../Assets => icons/src}/Logos/Deltalake.tsx | 2 +- .../src}/Logos/Digitalocean.tsx | 2 +- .../src}/Logos/FeatureDatabase.tsx | 2 +- .../src}/Logos/FeatureHexagon.tsx | 2 +- .../Assets => icons/src}/Logos/Fivetran.tsx | 2 +- .../Assets => icons/src}/Logos/GCS.tsx | 2 +- .../Assets => icons/src}/Logos/Gcp.tsx | 2 +- .../Assets => icons/src}/Logos/Github.tsx | 2 +- .../Assets => icons/src}/Logos/Golang.tsx | 2 +- .../Assets => icons/src}/Logos/Google.tsx | 2 +- .../Assets => icons/src}/Logos/Grafana.tsx | 2 +- .../Assets => icons/src}/Logos/Hex.tsx | 2 +- .../Assets => icons/src}/Logos/Hudi.tsx | 2 +- .../Assets => icons/src}/Logos/Iceberg.tsx | 2 +- .../Assets => icons/src}/Logos/Jdbc.tsx | 2 +- .../Assets => icons/src}/Logos/Kafka.tsx | 2 +- .../Assets => icons/src}/Logos/Kubernetes.tsx | 2 +- .../Assets => icons/src}/Logos/Lakekeeper.tsx | 2 +- .../Assets => icons/src}/Logos/Mariadb.tsx | 2 +- .../Assets => icons/src}/Logos/Metabase.tsx | 2 +- .../Assets => icons/src}/Logos/Microsoft.tsx | 2 +- .../Assets => icons/src}/Logos/Mongodb.tsx | 2 +- .../Assets => icons/src}/Logos/Mysql.tsx | 2 +- .../Assets => icons/src}/Logos/Neondb.tsx | 2 +- .../Assets => icons/src}/Logos/Nessie.tsx | 2 +- .../Assets => icons/src}/Logos/Nodejs.tsx | 2 +- .../Assets => icons/src}/Logos/OVH.tsx | 2 +- .../Assets => icons/src}/Logos/Onelake.tsx | 2 +- .../src}/Logos/Planetscale.tsx | 2 +- .../Assets => icons/src}/Logos/Postgres.tsx | 2 +- .../Assets => icons/src}/Logos/Prequel.tsx | 2 +- .../Assets => icons/src}/Logos/Python.tsx | 2 +- .../Assets => icons/src}/Logos/Redpanda.tsx | 2 +- .../Assets => icons/src}/Logos/Rust.tsx | 2 +- .../Assets => icons/src}/Logos/Snowflake.tsx | 2 +- .../Assets => icons/src}/Logos/Supabase.tsx | 2 +- .../Assets => icons/src}/Logos/Superset.tsx | 2 +- .../Assets => icons/src}/Logos/Tableau.tsx | 2 +- .../Assets => icons/src}/Logos/Tigerdata.tsx | 2 +- .../Assets => icons/src}/Logos/Upstash.tsx | 2 +- .../Assets => icons/src}/Logos/Vector.tsx | 2 +- .../Assets => icons/src}/Logos/Warpstream.tsx | 2 +- packages/icons/src/Logos/index.ts | 3 + .../src}/Logos/system/LogosDark.ts | 2 +- .../src}/Logos/system/LogosLight.ts | 2 +- .../src}/Logos/system/types.ts | 3 +- .../Assets => icons/src}/Payments/Amex.tsx | 2 +- .../src}/Payments/Mastercard.tsx | 2 +- .../Assets => icons/src}/Payments/Paypal.tsx | 2 +- .../Assets => icons/src}/Payments/Visa.tsx | 2 +- packages/icons/src/Payments/index.ts | 3 + .../src}/Payments/system/PaymentsDark.ts | 2 +- .../src}/Payments/system/PaymentsLight.ts | 2 +- .../src}/Payments/system/types.ts | 3 +- .../components/Assets => icons/src}/config.ts | 0 packages/icons/src/index.ts | 35 +++++++++ .../components/Assets => icons/src}/types.ts | 6 +- packages/icons/tsconfig.json | 27 +++++++ packages/icons/vite.config.ts | 76 ++++++++++++++++++ yarn.lock | 15 ++++ 303 files changed, 586 insertions(+), 325 deletions(-) rename packages/{click-ui => icons}/.scripts/js/convert-svg-to-react-component (96%) rename packages/{click-ui => icons}/.scripts/js/shared/svg-converter-utils.mjs (96%) rename packages/{click-ui => icons}/.svgrrc.mjs (100%) create mode 100644 packages/icons/package.json rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Australia.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Brazil.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Canada.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/European-Union.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Germany.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Great-Britain.tsx (100%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Hong-Kong.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/India.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Indonesia.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Ireland.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Israel.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Japan.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Netherlands.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Singapore.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/South-Africa.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/South-Korea.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Sweden.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/Switzerland.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/United-Arab-Emirates.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/United-Kingdom.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/United-States.tsx (99%) create mode 100644 packages/icons/src/Flags/index.ts rename packages/{click-ui/src/components/Assets => icons/src}/Flags/system/FlagsDark.ts (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/system/FlagsLight.ts (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Flags/system/types.ts (85%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Activity.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Alarm.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Arrow-Directions.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Arrow-Down.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Arrow-Left.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Arrow-Right.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Arrow-Triangle.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Arrow-Up.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Auth-App.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Auth-Sms.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Backups.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Bar-Chart.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Bell.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Beta.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Blog.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Bold.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Book.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Brackets.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Briefcase.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Building.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Burger-Menu.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Calendar-With-Time.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Calendar.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Cards.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Cell-Tower.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Area.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Bar-Horizontal.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Cloud.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Donut.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Heatmap.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Scatter.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Square.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Stacked-Horizontal.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chart-Stacked-Vertical.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chat.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Check-In-Circle.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Check.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chevron-Down.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chevron-Left.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chevron-Right.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Chevron-Up.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Circle.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Clock.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Cloud-Keys.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Cloud.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Code-In-Square.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Code.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Connect-Alt.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Connect.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Console.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Copy.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Cpu.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Credit-Card.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Cross.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Data-Lakes.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Data.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Database.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Disk.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Display.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Document.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Dot.tsx (86%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Dots-Horizontal.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Dots-Triangle.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Dots-Vertical-Double.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Dots-Vertical.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Double-Check.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Download-In-Circle.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Download.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Email.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Empty.tsx (81%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Enter.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Eye-Closed.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Eye.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Filter.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Fire.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Flag.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Flash.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Flask.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Folder-Closed.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Folder-Open.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Gear.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Gift.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Git-Merge.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Globe.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Hexagon.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/History.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Home.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Horizontal-Loading.tsx (100%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Http-Monitoring.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Http.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Info-In-Circle.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Information.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Insert-Row.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Integrations.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Italic.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Key.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Keys.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Lifebuoy.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Light-Bulb-On.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Light-Bulb.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Lightening.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Line-In-Circle.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/List-Bulleted.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/List-Numbered.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Loading-Animated.tsx (100%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Loading.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Lock.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Map-Pin.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Mcp.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Metrics-Alt.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Metrics.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Minus.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Moon.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/No-Cloud.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Pause.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Payment.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Pencil.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Pie-Chart.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Pipe.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Play-In-Circle.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Play.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Plug.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Plus.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Popout.tsx (90%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Popover-Arrow.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Puzzle-Piece.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Query.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Question.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Refresh.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Resize-Arrows-Horizontal.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Resize-Arrows-Vertical.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Rocket.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Sand-Glass.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Search.tsx (90%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Secure.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Server.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Services.tsx (90%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Settings.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Share-Arrow.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Share-Network.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Share.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Sleep.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Slide-In.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Slide-Out.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Sort-Alt.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Sort.tsx (89%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Sparkle.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Speaker.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Speed.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Square.tsx (88%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Star.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Stop.tsx (94%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Support.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Table.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Taxi.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Text-Slash.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Thumbs-Down.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Thumbs-Up.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Trash.tsx (90%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Tree-Structure.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Underline.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Upgrade.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Upload.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Url.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/User.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Users.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Warning.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/Waves.tsx (98%) create mode 100644 packages/icons/src/Icons/index.ts rename packages/{click-ui/src/components/Assets => icons/src}/Icons/system/IconsDark.ts (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/system/IconsLight.ts (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Icons/system/types.ts (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_ATHENA.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_AURORA.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_GLUE.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_KINESIS.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_MSK.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_RDS.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_REDSHIFT.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/AWS_S3.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Airbyte.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Alloydb.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/ApacheIceberg.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Azure.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Azure_Blob_Storage.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Azure_Event_Hub.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Bigquery.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Clickhouse.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Cloudflare.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Confluent.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Crunchy_Bridge.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Csharp.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Databricks.tsx (93%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Datagrip.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Dbeaver.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Dbt.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Decodeable.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Deepnote.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Deltalake.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Digitalocean.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/FeatureDatabase.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/FeatureHexagon.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Fivetran.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/GCS.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Gcp.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Github.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Golang.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Google.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Grafana.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Hex.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Hudi.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Iceberg.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Jdbc.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Kafka.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Kubernetes.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Lakekeeper.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Mariadb.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Metabase.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Microsoft.tsx (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Mongodb.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Mysql.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Neondb.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Nessie.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Nodejs.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/OVH.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Onelake.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Planetscale.tsx (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Postgres.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Prequel.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Python.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Redpanda.tsx (95%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Rust.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Snowflake.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Supabase.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Superset.tsx (96%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Tableau.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Tigerdata.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Upstash.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Vector.tsx (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/Warpstream.tsx (97%) create mode 100644 packages/icons/src/Logos/index.ts rename packages/{click-ui/src/components/Assets => icons/src}/Logos/system/LogosDark.ts (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/system/LogosLight.ts (98%) rename packages/{click-ui/src/components/Assets => icons/src}/Logos/system/types.ts (92%) rename packages/{click-ui/src/components/Assets => icons/src}/Payments/Amex.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Payments/Mastercard.tsx (97%) rename packages/{click-ui/src/components/Assets => icons/src}/Payments/Paypal.tsx (99%) rename packages/{click-ui/src/components/Assets => icons/src}/Payments/Visa.tsx (97%) create mode 100644 packages/icons/src/Payments/index.ts rename packages/{click-ui/src/components/Assets => icons/src}/Payments/system/PaymentsDark.ts (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Payments/system/PaymentsLight.ts (91%) rename packages/{click-ui/src/components/Assets => icons/src}/Payments/system/types.ts (71%) rename packages/{click-ui/src/components/Assets => icons/src}/config.ts (100%) create mode 100644 packages/icons/src/index.ts rename packages/{click-ui/src/components/Assets => icons/src}/types.ts (52%) create mode 100644 packages/icons/tsconfig.json create mode 100644 packages/icons/vite.config.ts diff --git a/packages/click-ui/package.json b/packages/click-ui/package.json index 8c23ff0a9..b91d62318 100644 --- a/packages/click-ui/package.json +++ b/packages/click-ui/package.json @@ -392,6 +392,7 @@ "typecheck": "tsc --noEmit" }, "dependencies": { + "@clickhouse/icons": "workspace:*", "@h6s/calendar": "2.0.1", "@radix-ui/react-accordion": "1.2.12", "@radix-ui/react-avatar": "1.1.1", diff --git a/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx b/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx index ed67b35c1..496c08966 100644 --- a/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx +++ b/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx @@ -2,14 +2,15 @@ import { SVGAttributes } from 'react'; import { useTheme } from 'styled-components'; import { getFallbackThemeName } from '@/theme/theme.utils'; import { SvgImageElement } from '@/components/Icon/SvgImageElement'; -import { FlagName, FlagProps } from './types'; import { + FlagsLight, + FlagsDark, createAssetResolver, + type FlagName, + type FlagProps, type AssetAlias, type AssetDeprecatedName, -} from '@/components/Assets/config'; -import FlagsDark from './FlagsDark'; -import FlagsLight from './FlagsLight'; +} from '@clickhouse/icons'; const resolveFlagName = createAssetResolver(); diff --git a/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx b/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx index 3a5b8411d..f8371725a 100644 --- a/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx +++ b/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx @@ -2,14 +2,15 @@ import { SVGAttributes } from 'react'; import { useTheme } from 'styled-components'; import { getFallbackThemeName } from '@/theme/theme.utils'; import { SvgImageElement } from '@/components/Icon/SvgImageElement'; -import { IconName, IconProps } from './types'; import { + IconsLight, + IconsDark, createAssetResolver, + type IconName, + type IconProps, type AssetAlias, type AssetDeprecatedName, -} from '@/components/Assets/config'; -import IconsDark from './IconsDark'; -import IconsLight from './IconsLight'; +} from '@clickhouse/icons'; const resolveIconName = createAssetResolver(); diff --git a/packages/click-ui/src/components/Assets/Logos/system/Logo.stories.tsx b/packages/click-ui/src/components/Assets/Logos/system/Logo.stories.tsx index df8047460..5a65485bf 100644 --- a/packages/click-ui/src/components/Assets/Logos/system/Logo.stories.tsx +++ b/packages/click-ui/src/components/Assets/Logos/system/Logo.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react-vite'; import { Logo } from './Logo'; -import LogosLight from './LogosLight'; +import { LogosLight } from '@clickhouse/icons'; const meta: Meta = { component: Logo, diff --git a/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx b/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx index 851a312bf..2dff0ac12 100644 --- a/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx +++ b/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx @@ -2,14 +2,15 @@ import { SVGAttributes } from 'react'; import { useTheme } from 'styled-components'; import { getFallbackThemeName } from '@/theme/theme.utils'; import { SvgImageElement } from '@/components/Icon/SvgImageElement'; -import { LogoName, LogoProps } from './types'; import { + LogosLight, + LogosDark, createAssetResolver, + type LogoName, + type LogoProps, type AssetAlias, type AssetDeprecatedName, -} from '@/components/Assets/config'; -import LogosDark from './LogosDark'; -import LogosLight from './LogosLight'; +} from '@clickhouse/icons'; const resolveLogoName = createAssetResolver(); diff --git a/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx b/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx index 6f11366be..fe3a521c7 100644 --- a/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx +++ b/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx @@ -2,14 +2,15 @@ import { SVGAttributes } from 'react'; import { useTheme } from 'styled-components'; import { getFallbackThemeName } from '@/theme/theme.utils'; import { SvgImageElement } from '@/components/Icon/SvgImageElement'; -import { PaymentName, PaymentProps } from './types'; import { + PaymentsLight, + PaymentsDark, createAssetResolver, + type PaymentName, + type PaymentProps, type AssetAlias, type AssetDeprecatedName, -} from '@/components/Assets/config'; -import PaymentsDark from './PaymentsDark'; -import PaymentsLight from './PaymentsLight'; +} from '@clickhouse/icons'; const resolvePaymentName = createAssetResolver(); diff --git a/packages/click-ui/src/components/ContextMenu/ContextMenu.tsx b/packages/click-ui/src/components/ContextMenu/ContextMenu.tsx index f6488ceeb..9401abf4c 100644 --- a/packages/click-ui/src/components/ContextMenu/ContextMenu.tsx +++ b/packages/click-ui/src/components/ContextMenu/ContextMenu.tsx @@ -5,7 +5,7 @@ import type { HorizontalDirection } from '@/types'; import { Icon } from '@/components/Icon'; import type { IconName } from '@/components/Icon'; import { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu'; -import Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow'; +import { Popover_Arrow } from '@clickhouse/icons'; import { IconWrapper } from '@/components/IconWrapper/IconWrapper'; import { useInputModality } from '@/hooks/internal'; import type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types'; diff --git a/packages/click-ui/src/components/Dropdown/Dropdown.tsx b/packages/click-ui/src/components/Dropdown/Dropdown.tsx index e8a2bf031..2d25cdd1d 100644 --- a/packages/click-ui/src/components/Dropdown/Dropdown.tsx +++ b/packages/click-ui/src/components/Dropdown/Dropdown.tsx @@ -3,7 +3,7 @@ import { ReactNode } from 'react'; import { styled } from 'styled-components'; import { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu'; import { useInputModality } from '@/hooks/internal'; -import Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow'; +import { Popover_Arrow } from '@clickhouse/icons'; import { IconWrapper } from '@/components/IconWrapper'; import { Icon } from '@/components/Icon'; import type { IconName } from '@/components/Icon'; diff --git a/packages/click-ui/src/components/HoverCard/HoverCard.tsx b/packages/click-ui/src/components/HoverCard/HoverCard.tsx index 77d27d7d1..16b1b9c0d 100644 --- a/packages/click-ui/src/components/HoverCard/HoverCard.tsx +++ b/packages/click-ui/src/components/HoverCard/HoverCard.tsx @@ -2,7 +2,7 @@ import * as RadixHoverCard from '@radix-ui/react-hover-card'; import { ReactNode } from 'react'; import { Arrow, GenericPopoverMenuPanel } from '@/components/GenericMenu'; import { styled } from 'styled-components'; -import Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow'; +import { Popover_Arrow } from '@clickhouse/icons'; export interface HoverCardContentProps extends RadixHoverCard.HoverCardContentProps { showArrow?: boolean; diff --git a/packages/click-ui/src/components/Icon/Icon.stories.tsx b/packages/click-ui/src/components/Icon/Icon.stories.tsx index 5a7829c01..820b25c2c 100644 --- a/packages/click-ui/src/components/Icon/Icon.stories.tsx +++ b/packages/click-ui/src/components/Icon/Icon.stories.tsx @@ -1,7 +1,5 @@ import { Meta, StoryObj } from '@storybook/react-vite'; -import LogosLight from '@/components/Assets/Logos/system/LogosLight'; -import FlagsLight from '@/components/Assets/Flags/system/FlagsLight'; -import PaymentsLight from '@/components/Assets/Payments/system/PaymentsLight'; +import { LogosLight, FlagsLight, PaymentsLight } from '@clickhouse/icons'; import { Icon } from '@/components/Icon'; import { IconName, IconProps } from '@/components/Icon/Icon.types'; import { ICONS_MAP } from '@/components/Icon/IconCommon'; diff --git a/packages/click-ui/src/components/Icon/Icon.tsx b/packages/click-ui/src/components/Icon/Icon.tsx index d1f9e008b..df8b9f5b9 100644 --- a/packages/click-ui/src/components/Icon/Icon.tsx +++ b/packages/click-ui/src/components/Icon/Icon.tsx @@ -3,14 +3,16 @@ import type { AssetSize } from '@/types'; import { IconName, IconProps, IconState, ImageType } from './Icon.types'; import { ICONS_MAP } from '@/components/Icon/IconCommon'; import { Flag } from '@/components/Assets/Flags/system/Flag'; -import FlagsLight from '@/components/Assets/Flags/system/FlagsLight'; -import { FlagName } from '@/components/Assets/Flags/system/types'; import { Logo } from '@/components/Assets/Logos/system/Logo'; -import LogosLight from '@/components/Assets/Logos/system/LogosLight'; -import { LogoName } from '@/components/Assets/Logos/system/types'; import { Payment } from '@/components/Assets/Payments/system/Payment'; -import { PaymentName } from '@/components/Assets/Payments/system/types'; -import PaymentsLight from '@/components/Assets/Payments/system/PaymentsLight'; +import { + FlagsLight, + LogosLight, + PaymentsLight, + type FlagName, + type LogoName, + type PaymentName, +} from '@clickhouse/icons'; const SVGIcon = ({ name, diff --git a/packages/click-ui/src/components/Icon/Icon.types.ts b/packages/click-ui/src/components/Icon/Icon.types.ts index d46652845..410d01579 100644 --- a/packages/click-ui/src/components/Icon/Icon.types.ts +++ b/packages/click-ui/src/components/Icon/Icon.types.ts @@ -1,7 +1,12 @@ import { SVGAttributes } from 'react'; -import { LogoProps, LogoName } from '@/components/Assets/Logos/system/types'; -import { FlagName, FlagProps } from '@/components/Assets/Flags/system/types'; -import { PaymentProps, PaymentName } from '@/components/Assets/Payments/system/types'; +import type { + LogoProps, + LogoName, + FlagName, + FlagProps, + PaymentProps, + PaymentName, +} from '@clickhouse/icons'; import type { AssetSize } from '@/types'; import { ICON_NAMES } from './IconCommon'; diff --git a/packages/click-ui/src/components/Icon/IconCommon.tsx b/packages/click-ui/src/components/Icon/IconCommon.tsx index 7ad8112b6..c4ae9fba4 100644 --- a/packages/click-ui/src/components/Icon/IconCommon.tsx +++ b/packages/click-ui/src/components/Icon/IconCommon.tsx @@ -1,4 +1,4 @@ -import IconsLight from '@/components/Assets/Icons/system/IconsLight'; +import { IconsLight } from '@clickhouse/icons'; export const ICON_NAMES = Object.keys(IconsLight) as (keyof typeof IconsLight)[]; diff --git a/packages/click-ui/src/components/Popover/Popover.tsx b/packages/click-ui/src/components/Popover/Popover.tsx index 51cc22c68..bd2056c6b 100644 --- a/packages/click-ui/src/components/Popover/Popover.tsx +++ b/packages/click-ui/src/components/Popover/Popover.tsx @@ -4,7 +4,7 @@ import { styled } from 'styled-components'; import { ReactNode } from 'react'; import { Icon } from '@/components/Icon'; import { EmptyButton } from '@/components/EmptyButton'; -import Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow'; +import { Popover_Arrow } from '@clickhouse/icons'; export const Popover = ({ children, ...props }: RadixPopover.PopoverProps) => { return {children}; diff --git a/packages/click-ui/src/index.ts b/packages/click-ui/src/index.ts index 9275bafe3..156dbdbde 100644 --- a/packages/click-ui/src/index.ts +++ b/packages/click-ui/src/index.ts @@ -25,9 +25,23 @@ export type { AlertProps } from './components/Alert'; // Assets (Flags, Logos, Icons) export { Flag as Flags } from './components/Assets/Flags/system/Flag'; export { Logo } from './components/Assets/Logos/system/Logo'; -export { User as ProfileIcon } from './components/Assets/Icons/User'; -export type { FlagName, FlagProps } from './components/Assets/Flags/system/types'; -export type { LogoName, LogoProps } from './components/Assets/Logos/system/types'; +export type { FlagName, FlagProps, LogoName, LogoProps, IconName, PaymentName } from '@clickhouse/icons'; + +// Re-export from @clickhouse/icons +export { + IconsLight, + IconsDark, + LogosLight, + LogosDark, + FlagsLight, + FlagsDark, + PaymentsLight, + PaymentsDark, + resolveAssetName, + createAssetResolver, + ASSET_NAME_MAPPINGS, +} from '@clickhouse/icons'; +export type { ThemeName, AssetSize, SVGAssetProps, AssetAlias, AssetDeprecatedName } from '@clickhouse/icons'; // AutoComplete export { AutoComplete } from './components/AutoComplete'; @@ -164,7 +178,7 @@ export { HoverCard } from './components/HoverCard'; export { Icon } from './components/Icon'; export { IconButton } from './components/IconButton'; export type { IconButtonProps } from './components/IconButton'; -export type { IconName, ImageName } from './components/Icon/Icon.types'; +export type { ImageName } from './components/Icon/Icon.types'; // Label & Link export { Label } from './components/Label'; @@ -299,7 +313,7 @@ export { ClickUIProvider, ThemeProvider } from './providers'; // ================================================ export { THEMES, themes } from './theme/theme.core'; -export type { ThemeName, Theme } from './theme/theme.types'; +export type { Theme } from './theme/theme.types'; export { isValidThemeName, getFallbackThemeName, @@ -313,7 +327,7 @@ export type { InitCUIThemeScriptProps } from './theme/InitCUIThemeScript/InitCUI // Global Types // ================================================ -export type { HorizontalDirection, Orientation, States, AssetSize } from './types'; +export type { HorizontalDirection, Orientation, States } from './types'; // ================================================ // Deprecated Radix UI Types diff --git a/packages/click-ui/.scripts/js/convert-svg-to-react-component b/packages/icons/.scripts/js/convert-svg-to-react-component similarity index 96% rename from packages/click-ui/.scripts/js/convert-svg-to-react-component rename to packages/icons/.scripts/js/convert-svg-to-react-component index d4fec3535..fcbe94582 100755 --- a/packages/click-ui/.scripts/js/convert-svg-to-react-component +++ b/packages/icons/.scripts/js/convert-svg-to-react-component @@ -27,28 +27,28 @@ const toPascalCase = (str) => { const ASSET_TYPES = { logos: { - dir: path.join(__dirname, '../..', 'src', 'components', 'Assets', 'Logos'), + dir: path.join(__dirname, '../..', 'src', 'Logos'), typeName: 'LogoName', propsTypeName: 'LogoProps', registryName: 'LogosLight', defaultSize: 64, }, icons: { - dir: path.join(__dirname, '../..', 'src', 'components', 'Assets', 'Icons'), + dir: path.join(__dirname, '../..', 'src', 'Icons'), typeName: 'IconName', propsTypeName: 'IconProps', registryName: 'IconsLight', defaultSize: 24, }, flags: { - dir: path.join(__dirname, '../..', 'src', 'components', 'Assets', 'Flags'), + dir: path.join(__dirname, '../..', 'src', 'Flags'), typeName: 'FlagName', propsTypeName: 'FlagProps', registryName: 'FlagsLight', defaultSize: 30, }, payments: { - dir: path.join(__dirname, '../..', 'src', 'components', 'Assets', 'Payments'), + dir: path.join(__dirname, '../..', 'src', 'Payments'), typeName: 'PaymentName', propsTypeName: 'PaymentProps', registryName: 'PaymentsLight', diff --git a/packages/click-ui/.scripts/js/shared/svg-converter-utils.mjs b/packages/icons/.scripts/js/shared/svg-converter-utils.mjs similarity index 96% rename from packages/click-ui/.scripts/js/shared/svg-converter-utils.mjs rename to packages/icons/.scripts/js/shared/svg-converter-utils.mjs index f89ef857d..74173eb8c 100644 --- a/packages/click-ui/.scripts/js/shared/svg-converter-utils.mjs +++ b/packages/icons/.scripts/js/shared/svg-converter-utils.mjs @@ -50,8 +50,7 @@ export const generateTypesContent = (sortedComponents, config) => { const propsName = config.propsTypeName || config.typeName.replace('Name', 'Props'); return `import type { SVGAttributes } from 'react'; -import type { AssetSize } from '@/types'; -import type { ThemeName } from '@/theme/theme.types'; +import type { AssetSize, ThemeName } from '../../types'; export type ${config.typeName} = ${names.join('\n')}; @@ -87,7 +86,7 @@ export const generateRegistryContent = (sortedComponents, config, assetFiles, is ${imports} import { ${config.typeName} } from './types'; -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../../types'; import type { ComponentType } from 'react'; const ${config.registryName}: Record< diff --git a/packages/click-ui/.svgrrc.mjs b/packages/icons/.svgrrc.mjs similarity index 100% rename from packages/click-ui/.svgrrc.mjs rename to packages/icons/.svgrrc.mjs diff --git a/packages/icons/package.json b/packages/icons/package.json new file mode 100644 index 000000000..173b074d7 --- /dev/null +++ b/packages/icons/package.json @@ -0,0 +1,77 @@ +{ + "name": "@clickhouse/icons", + "version": "0.1.0", + "description": "ClickHouse SVG icons, logos, flags, and payment icons", + "type": "module", + "license": "Apache-2.0", + "files": [ + "dist" + ], + "main": "./dist/cjs/index.cjs", + "module": "./dist/esm/index.js", + "types": "./dist/types/index.d.ts", + "sideEffects": false, + "exports": { + ".": { + "types": "./dist/types/index.d.ts", + "import": "./dist/esm/index.js", + "require": "./dist/cjs/index.cjs" + }, + "./icons": { + "types": "./dist/types/Icons/index.d.ts", + "import": "./dist/esm/Icons/index.js", + "require": "./dist/cjs/Icons/index.cjs" + }, + "./logos": { + "types": "./dist/types/Logos/index.d.ts", + "import": "./dist/esm/Logos/index.js", + "require": "./dist/cjs/Logos/index.cjs" + }, + "./flags": { + "types": "./dist/types/Flags/index.d.ts", + "import": "./dist/esm/Flags/index.js", + "require": "./dist/cjs/Flags/index.cjs" + }, + "./payments": { + "types": "./dist/types/Payments/index.d.ts", + "import": "./dist/esm/Payments/index.js", + "require": "./dist/cjs/Payments/index.cjs" + } + }, + "keywords": [ + "clickhouse", + "icons", + "logos", + "svg", + "react" + ], + "repository": { + "type": "git", + "url": "git+https://github.com/ClickHouse/click-ui.git", + "directory": "packages/icons" + }, + "homepage": "https://clickhouse.com", + "scripts": { + "build": "vite build", + "typecheck": "tsc --noEmit", + "convert:icon": ".scripts/convert-svg-to-react-component --type=icons", + "convert:logo": ".scripts/convert-svg-to-react-component --type=logos", + "convert:flag": ".scripts/convert-svg-to-react-component --type=flags", + "convert:payment": ".scripts/convert-svg-to-react-component --type=payments", + "convert:regenerate": ".scripts/convert-svg-to-react-component --regenerate" + }, + "peerDependencies": { + "react": "^18.3.1 || ^19.0.0" + }, + "devDependencies": { + "@svgr/cli": "^8.1.0", + "@types/react": "18.3.1", + "typescript": "^5.5.3", + "vite": "^7.3.0", + "vite-plugin-dts": "^4.3.0" + }, + "packageManager": "yarn@4.5.3", + "engines": { + "node": ">=22.12.0" + } +} diff --git a/packages/click-ui/src/components/Assets/Flags/Australia.tsx b/packages/icons/src/Flags/Australia.tsx similarity index 98% rename from packages/click-ui/src/components/Assets/Flags/Australia.tsx rename to packages/icons/src/Flags/Australia.tsx index c76cd0b33..2a3869a71 100644 --- a/packages/click-ui/src/components/Assets/Flags/Australia.tsx +++ b/packages/icons/src/Flags/Australia.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Australia = (props: SVGAssetProps): React.ReactElement => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( > = { diff --git a/packages/click-ui/src/components/Assets/Flags/system/FlagsLight.ts b/packages/icons/src/Flags/system/FlagsLight.ts similarity index 97% rename from packages/click-ui/src/components/Assets/Flags/system/FlagsLight.ts rename to packages/icons/src/Flags/system/FlagsLight.ts index 415465102..60de12931 100644 --- a/packages/click-ui/src/components/Assets/Flags/system/FlagsLight.ts +++ b/packages/icons/src/Flags/system/FlagsLight.ts @@ -27,7 +27,7 @@ import United_Arab_Emirates from '../United-Arab-Emirates'; import United_Kingdom from '../United-Kingdom'; import United_States from '../United-States'; import { FlagName } from './types'; -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../../types'; import type { ComponentType } from 'react'; const FlagsLight: Record> = { diff --git a/packages/click-ui/src/components/Assets/Flags/system/types.ts b/packages/icons/src/Flags/system/types.ts similarity index 85% rename from packages/click-ui/src/components/Assets/Flags/system/types.ts rename to packages/icons/src/Flags/system/types.ts index b876d8d0c..321c71c59 100644 --- a/packages/click-ui/src/components/Assets/Flags/system/types.ts +++ b/packages/icons/src/Flags/system/types.ts @@ -1,6 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize } from '@/types'; -import type { ThemeName } from '@/theme/theme.types'; +import type { AssetSize, ThemeName } from '../../types'; export type FlagName = | 'australia' diff --git a/packages/click-ui/src/components/Assets/Icons/Activity.tsx b/packages/icons/src/Icons/Activity.tsx similarity index 93% rename from packages/click-ui/src/components/Assets/Icons/Activity.tsx rename to packages/icons/src/Icons/Activity.tsx index de7eb7d59..3f5ca7ab2 100644 --- a/packages/click-ui/src/components/Assets/Icons/Activity.tsx +++ b/packages/icons/src/Icons/Activity.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Activity = (props: SVGAssetProps) => ( { return ( diff --git a/packages/click-ui/src/components/Assets/Icons/Arrow-Directions.tsx b/packages/icons/src/Icons/Arrow-Directions.tsx similarity index 94% rename from packages/click-ui/src/components/Assets/Icons/Arrow-Directions.tsx rename to packages/icons/src/Icons/Arrow-Directions.tsx index 380a876d3..bce433019 100644 --- a/packages/click-ui/src/components/Assets/Icons/Arrow-Directions.tsx +++ b/packages/icons/src/Icons/Arrow-Directions.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Arrow_Directions = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/click-ui/src/components/Assets/Icons/Gift.tsx b/packages/icons/src/Icons/Gift.tsx similarity index 96% rename from packages/click-ui/src/components/Assets/Icons/Gift.tsx rename to packages/icons/src/Icons/Gift.tsx index 21c4ed59b..be080fb8c 100644 --- a/packages/click-ui/src/components/Assets/Icons/Gift.tsx +++ b/packages/icons/src/Icons/Gift.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Gift = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/click-ui/src/components/Assets/Icons/List-Bulleted.tsx b/packages/icons/src/Icons/List-Bulleted.tsx similarity index 97% rename from packages/click-ui/src/components/Assets/Icons/List-Bulleted.tsx rename to packages/icons/src/Icons/List-Bulleted.tsx index 477183729..11b516c02 100644 --- a/packages/click-ui/src/components/Assets/Icons/List-Bulleted.tsx +++ b/packages/icons/src/Icons/List-Bulleted.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const List_Bulleted = (props: SVGAssetProps) => ( ( ( diff --git a/packages/click-ui/src/components/Assets/Icons/Lock.tsx b/packages/icons/src/Icons/Lock.tsx similarity index 95% rename from packages/click-ui/src/components/Assets/Icons/Lock.tsx rename to packages/icons/src/Icons/Lock.tsx index f57be22f9..5ba3ba7fe 100644 --- a/packages/click-ui/src/components/Assets/Icons/Lock.tsx +++ b/packages/icons/src/Icons/Lock.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Lock = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/click-ui/src/components/Assets/Icons/Puzzle-Piece.tsx b/packages/icons/src/Icons/Puzzle-Piece.tsx similarity index 97% rename from packages/click-ui/src/components/Assets/Icons/Puzzle-Piece.tsx rename to packages/icons/src/Icons/Puzzle-Piece.tsx index f300037ec..87254b2c4 100644 --- a/packages/click-ui/src/components/Assets/Icons/Puzzle-Piece.tsx +++ b/packages/icons/src/Icons/Puzzle-Piece.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Puzzle_Piece = (props: SVGAssetProps) => { return ( diff --git a/packages/click-ui/src/components/Assets/Icons/Query.tsx b/packages/icons/src/Icons/Query.tsx similarity index 95% rename from packages/click-ui/src/components/Assets/Icons/Query.tsx rename to packages/icons/src/Icons/Query.tsx index 8260b8b81..395a336af 100644 --- a/packages/click-ui/src/components/Assets/Icons/Query.tsx +++ b/packages/icons/src/Icons/Query.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Query = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/click-ui/src/components/Assets/Icons/Sparkle.tsx b/packages/icons/src/Icons/Sparkle.tsx similarity index 94% rename from packages/click-ui/src/components/Assets/Icons/Sparkle.tsx rename to packages/icons/src/Icons/Sparkle.tsx index 23544d029..265c2a386 100644 --- a/packages/click-ui/src/components/Assets/Icons/Sparkle.tsx +++ b/packages/icons/src/Icons/Sparkle.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Sparkle = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( > = { diff --git a/packages/click-ui/src/components/Assets/Icons/system/IconsLight.ts b/packages/icons/src/Icons/system/IconsLight.ts similarity index 99% rename from packages/click-ui/src/components/Assets/Icons/system/IconsLight.ts rename to packages/icons/src/Icons/system/IconsLight.ts index e277e49ed..551e8869b 100644 --- a/packages/click-ui/src/components/Assets/Icons/system/IconsLight.ts +++ b/packages/icons/src/Icons/system/IconsLight.ts @@ -174,7 +174,7 @@ import Users from '../Users'; import Warning from '../Warning'; import Waves from '../Waves'; import { IconName } from './types'; -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../../types'; import type { ComponentType } from 'react'; const IconsLight: Record> = { diff --git a/packages/click-ui/src/components/Assets/Icons/system/types.ts b/packages/icons/src/Icons/system/types.ts similarity index 96% rename from packages/click-ui/src/components/Assets/Icons/system/types.ts rename to packages/icons/src/Icons/system/types.ts index a41659710..c1821f63c 100644 --- a/packages/click-ui/src/components/Assets/Icons/system/types.ts +++ b/packages/icons/src/Icons/system/types.ts @@ -1,6 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize } from '@/types'; -import type { ThemeName } from '@/theme/theme.types'; +import type { AssetSize, ThemeName } from '../../types'; export type IconName = | 'activity' diff --git a/packages/click-ui/src/components/Assets/Logos/AWS.tsx b/packages/icons/src/Logos/AWS.tsx similarity index 99% rename from packages/click-ui/src/components/Assets/Logos/AWS.tsx rename to packages/icons/src/Logos/AWS.tsx index 8f29f54a0..07e2c3901 100644 --- a/packages/click-ui/src/components/Assets/Logos/AWS.tsx +++ b/packages/icons/src/Logos/AWS.tsx @@ -1,6 +1,6 @@ /* eslint-disable react-refresh/only-export-components */ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; // TODO: Can this logo have a base and extend it? // Check this separately, see OVH.tsx diff --git a/packages/click-ui/src/components/Assets/Logos/AWS_ATHENA.tsx b/packages/icons/src/Logos/AWS_ATHENA.tsx similarity index 98% rename from packages/click-ui/src/components/Assets/Logos/AWS_ATHENA.tsx rename to packages/icons/src/Logos/AWS_ATHENA.tsx index 0c7a9ee3c..237e74993 100644 --- a/packages/click-ui/src/components/Assets/Logos/AWS_ATHENA.tsx +++ b/packages/icons/src/Logos/AWS_ATHENA.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const AWS_ATHENA = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( diff --git a/packages/click-ui/src/components/Assets/Logos/Onelake.tsx b/packages/icons/src/Logos/Onelake.tsx similarity index 98% rename from packages/click-ui/src/components/Assets/Logos/Onelake.tsx rename to packages/icons/src/Logos/Onelake.tsx index 1e95a13ad..7e81a8fbf 100644 --- a/packages/click-ui/src/components/Assets/Logos/Onelake.tsx +++ b/packages/icons/src/Logos/Onelake.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Onelake = (props: SVGAssetProps) => ( ( ( ( ( ( { const color = theme === 'dark' ? 'white' : '#161517'; diff --git a/packages/click-ui/src/components/Assets/Logos/Snowflake.tsx b/packages/icons/src/Logos/Snowflake.tsx similarity index 98% rename from packages/click-ui/src/components/Assets/Logos/Snowflake.tsx rename to packages/icons/src/Logos/Snowflake.tsx index 47222db29..2395cdf1f 100644 --- a/packages/click-ui/src/components/Assets/Logos/Snowflake.tsx +++ b/packages/icons/src/Logos/Snowflake.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Snowflake = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( > = { diff --git a/packages/click-ui/src/components/Assets/Logos/system/LogosLight.ts b/packages/icons/src/Logos/system/LogosLight.ts similarity index 98% rename from packages/click-ui/src/components/Assets/Logos/system/LogosLight.ts rename to packages/icons/src/Logos/system/LogosLight.ts index 232abe0b3..147b879f3 100644 --- a/packages/click-ui/src/components/Assets/Logos/system/LogosLight.ts +++ b/packages/icons/src/Logos/system/LogosLight.ts @@ -75,7 +75,7 @@ import Upstash from '../Upstash'; import Vector from '../Vector'; import Warpstream from '../Warpstream'; import { LogoName } from './types'; -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../../types'; import type { ComponentType } from 'react'; const LogosLight: Record> = { diff --git a/packages/click-ui/src/components/Assets/Logos/system/types.ts b/packages/icons/src/Logos/system/types.ts similarity index 92% rename from packages/click-ui/src/components/Assets/Logos/system/types.ts rename to packages/icons/src/Logos/system/types.ts index 438c95c45..c681b2b5f 100644 --- a/packages/click-ui/src/components/Assets/Logos/system/types.ts +++ b/packages/icons/src/Logos/system/types.ts @@ -1,6 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize } from '@/types'; -import type { ThemeName } from '@/theme/theme.types'; +import type { AssetSize, ThemeName } from '../../types'; export type LogoName = | 'airbyte' diff --git a/packages/click-ui/src/components/Assets/Payments/Amex.tsx b/packages/icons/src/Payments/Amex.tsx similarity index 99% rename from packages/click-ui/src/components/Assets/Payments/Amex.tsx rename to packages/icons/src/Payments/Amex.tsx index 3da94042d..8db566c01 100644 --- a/packages/click-ui/src/components/Assets/Payments/Amex.tsx +++ b/packages/icons/src/Payments/Amex.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../types'; const Amex = (props: SVGAssetProps) => ( ( ( ( > = { diff --git a/packages/click-ui/src/components/Assets/Payments/system/PaymentsLight.ts b/packages/icons/src/Payments/system/PaymentsLight.ts similarity index 91% rename from packages/click-ui/src/components/Assets/Payments/system/PaymentsLight.ts rename to packages/icons/src/Payments/system/PaymentsLight.ts index a4a4b3cbb..052a8ca32 100644 --- a/packages/click-ui/src/components/Assets/Payments/system/PaymentsLight.ts +++ b/packages/icons/src/Payments/system/PaymentsLight.ts @@ -10,7 +10,7 @@ import Mastercard from '../Mastercard'; import Paypal from '../Paypal'; import Visa from '../Visa'; import { PaymentName } from './types'; -import type { SVGAssetProps } from '@/types'; +import type { SVGAssetProps } from '../../types'; import type { ComponentType } from 'react'; const PaymentsLight: Record> = { diff --git a/packages/click-ui/src/components/Assets/Payments/system/types.ts b/packages/icons/src/Payments/system/types.ts similarity index 71% rename from packages/click-ui/src/components/Assets/Payments/system/types.ts rename to packages/icons/src/Payments/system/types.ts index 080a63b92..bd826a3cc 100644 --- a/packages/click-ui/src/components/Assets/Payments/system/types.ts +++ b/packages/icons/src/Payments/system/types.ts @@ -1,6 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize } from '@/types'; -import type { ThemeName } from '@/theme/theme.types'; +import type { AssetSize, ThemeName } from '../../types'; export type PaymentName = 'amex' | 'mastercard' | 'paypal' | 'visa'; diff --git a/packages/click-ui/src/components/Assets/config.ts b/packages/icons/src/config.ts similarity index 100% rename from packages/click-ui/src/components/Assets/config.ts rename to packages/icons/src/config.ts diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts new file mode 100644 index 000000000..6e261cb99 --- /dev/null +++ b/packages/icons/src/index.ts @@ -0,0 +1,35 @@ +// Types +export type { ThemeName, AssetSize, SVGAssetProps } from './types'; +export type { IconName, IconProps } from './Icons/system/types'; +export type { LogoName, LogoProps } from './Logos/system/types'; +export type { FlagName, FlagProps } from './Flags/system/types'; +export type { PaymentName, PaymentProps } from './Payments/system/types'; + +// Standalone icon components (for direct usage without registry) +export { default as Popover_Arrow } from './Icons/Popover-Arrow'; + +// Icon registries +export { default as IconsLight } from './Icons/system/IconsLight'; +export { default as IconsDark } from './Icons/system/IconsDark'; + +// Logo registries +export { default as LogosLight } from './Logos/system/LogosLight'; +export { default as LogosDark } from './Logos/system/LogosDark'; + +// Flag registries +export { default as FlagsLight } from './Flags/system/FlagsLight'; +export { default as FlagsDark } from './Flags/system/FlagsDark'; + +// Payment registries +export { default as PaymentsLight } from './Payments/system/PaymentsLight'; +export { default as PaymentsDark } from './Payments/system/PaymentsDark'; + +// Config utilities +export { + ASSET_NAME_MAPPINGS, + resolveAssetName, + createAssetResolver, + type AssetAliasMap, + type AssetAlias, + type AssetDeprecatedName, +} from './config'; diff --git a/packages/click-ui/src/components/Assets/types.ts b/packages/icons/src/types.ts similarity index 52% rename from packages/click-ui/src/components/Assets/types.ts rename to packages/icons/src/types.ts index 6dc61c07c..ec7316e0b 100644 --- a/packages/click-ui/src/components/Assets/types.ts +++ b/packages/icons/src/types.ts @@ -1,8 +1,8 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize } from '@/types'; -import type { ThemeName } from '@/theme/theme.types'; + +export type ThemeName = 'dark' | 'light'; +export type AssetSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'; export type SVGAssetProps = SVGAttributes & { theme?: ThemeName; - size?: AssetSize; }; diff --git a/packages/icons/tsconfig.json b/packages/icons/tsconfig.json new file mode 100644 index 000000000..c1cae5bd9 --- /dev/null +++ b/packages/icons/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compilerOptions": { + "target": "ESNext", + "useDefineForClassFields": true, + "lib": ["DOM", "DOM.Iterable", "ESNext"], + "allowJs": false, + "skipLibCheck": true, + "esModuleInterop": false, + "allowSyntheticDefaultImports": true, + "strict": true, + "forceConsistentCasingInFileNames": true, + "module": "ESNext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx", + "declaration": true, + "declarationDir": "./dist/types", + "baseUrl": ".", + "paths": { + "@/*": ["./src/*"] + } + }, + "include": ["src"], + "exclude": ["node_modules", "dist"] +} diff --git a/packages/icons/vite.config.ts b/packages/icons/vite.config.ts new file mode 100644 index 000000000..b3ee369d3 --- /dev/null +++ b/packages/icons/vite.config.ts @@ -0,0 +1,76 @@ +import { defineConfig } from 'vite'; +import path from 'path'; +import { fileURLToPath } from 'url'; +import dts from 'vite-plugin-dts'; + +const __dirname = path.dirname(fileURLToPath(import.meta.url)); +const srcDir = path.resolve(__dirname, 'src').replace(/\\/g, '/'); + +const createEntryFileNames = (ext: 'js' | 'cjs') => { + return (chunkInfo: { name: string }) => { + const parts = chunkInfo.name.split('/'); + if (parts.length >= 2) { + const fileName = parts[parts.length - 1]; + const dirName = parts[parts.length - 2]; + if (fileName === dirName) { + parts[parts.length - 1] = 'index'; + return `${parts.join('/')}.${ext}`; + } + } + return `${chunkInfo.name}.${ext}`; + }; +}; + +export default defineConfig({ + publicDir: false, + plugins: [ + dts({ + outDir: 'dist/types', + include: ['src/**/*'], + }), + ], + resolve: { + alias: { + '@': srcDir, + }, + }, + build: { + target: 'esnext', + emptyOutDir: true, + minify: false, + lib: { + entry: { + index: path.resolve(srcDir, 'index.ts'), + 'Icons/index': path.resolve(srcDir, 'Icons/index.ts'), + 'Logos/index': path.resolve(srcDir, 'Logos/index.ts'), + 'Flags/index': path.resolve(srcDir, 'Flags/index.ts'), + 'Payments/index': path.resolve(srcDir, 'Payments/index.ts'), + }, + }, + rollupOptions: { + external: ['react', 'react/jsx-runtime'], + output: [ + { + format: 'es', + dir: 'dist/esm', + preserveModules: true, + preserveModulesRoot: 'src', + entryFileNames: createEntryFileNames('js'), + chunkFileNames: '[name].js', + interop: 'auto', + }, + { + format: 'cjs', + dir: 'dist/cjs', + preserveModules: true, + preserveModulesRoot: 'src', + entryFileNames: createEntryFileNames('cjs'), + chunkFileNames: '[name].cjs', + interop: 'auto', + exports: 'named', + }, + ], + }, + sourcemap: true, + }, +}); diff --git a/yarn.lock b/yarn.lock index 58b8fb5e0..ed58b3e8d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -549,6 +549,7 @@ __metadata: resolution: "@clickhouse/click-ui@workspace:packages/click-ui" dependencies: "@changesets/cli": "npm:^2.29.8" + "@clickhouse/icons": "workspace:*" "@h6s/calendar": "npm:2.0.1" "@playwright/test": "npm:^1.57.0" "@radix-ui/react-accordion": "npm:1.2.12" @@ -634,6 +635,20 @@ __metadata: languageName: unknown linkType: soft +"@clickhouse/icons@workspace:*, @clickhouse/icons@workspace:packages/icons": + version: 0.0.0-use.local + resolution: "@clickhouse/icons@workspace:packages/icons" + dependencies: + "@svgr/cli": "npm:^8.1.0" + "@types/react": "npm:18.3.1" + typescript: "npm:^5.5.3" + vite: "npm:^7.3.0" + vite-plugin-dts: "npm:^4.3.0" + peerDependencies: + react: ^18.3.1 || ^19.0.0 + languageName: unknown + linkType: soft + "@cspotcode/source-map-support@npm:^0.8.0": version: 0.8.1 resolution: "@cspotcode/source-map-support@npm:0.8.1" From 66e8427cd5e40db4e7fef3d5f4c334ce0170f7eb Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 17:05:33 +0000 Subject: [PATCH 02/10] =?UTF-8?q?chore:=20=F0=9F=A4=96=20resolves=20to=20a?= =?UTF-8?q?=20caret=20range=20at=20publish=20time=20(e.g.,=20^0.1.0),=20al?= =?UTF-8?q?lowing=20automatic=20installation=20of=20compatible=20minor=20a?= =?UTF-8?q?nd=20patch=20updates?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/click-ui/package.json | 2 +- yarn.lock | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/click-ui/package.json b/packages/click-ui/package.json index b91d62318..99245ecf5 100644 --- a/packages/click-ui/package.json +++ b/packages/click-ui/package.json @@ -392,7 +392,7 @@ "typecheck": "tsc --noEmit" }, "dependencies": { - "@clickhouse/icons": "workspace:*", + "@clickhouse/icons": "workspace:^", "@h6s/calendar": "2.0.1", "@radix-ui/react-accordion": "1.2.12", "@radix-ui/react-avatar": "1.1.1", diff --git a/yarn.lock b/yarn.lock index ed58b3e8d..7e4eb8356 100644 --- a/yarn.lock +++ b/yarn.lock @@ -549,7 +549,7 @@ __metadata: resolution: "@clickhouse/click-ui@workspace:packages/click-ui" dependencies: "@changesets/cli": "npm:^2.29.8" - "@clickhouse/icons": "workspace:*" + "@clickhouse/icons": "workspace:^" "@h6s/calendar": "npm:2.0.1" "@playwright/test": "npm:^1.57.0" "@radix-ui/react-accordion": "npm:1.2.12" @@ -635,7 +635,7 @@ __metadata: languageName: unknown linkType: soft -"@clickhouse/icons@workspace:*, @clickhouse/icons@workspace:packages/icons": +"@clickhouse/icons@workspace:^, @clickhouse/icons@workspace:packages/icons": version: 0.0.0-use.local resolution: "@clickhouse/icons@workspace:packages/icons" dependencies: From e09930f0398555e5571aae92836d3f689994b01a Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 17:41:52 +0000 Subject: [PATCH 03/10] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20remove=20defau?= =?UTF-8?q?lt=20exports=20to=20favour=20named=20exports?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/icons/src/Flags/index.ts | 4 ++-- packages/icons/src/Flags/system/FlagsDark.ts | 2 +- packages/icons/src/Flags/system/FlagsLight.ts | 2 +- packages/icons/src/Icons/index.ts | 4 ++-- packages/icons/src/Icons/system/IconsDark.ts | 2 +- packages/icons/src/Icons/system/IconsLight.ts | 2 +- packages/icons/src/Logos/index.ts | 4 ++-- packages/icons/src/Logos/system/LogosDark.ts | 2 +- packages/icons/src/Logos/system/LogosLight.ts | 2 +- packages/icons/src/Payments/index.ts | 4 ++-- .../icons/src/Payments/system/PaymentsDark.ts | 2 +- .../icons/src/Payments/system/PaymentsLight.ts | 2 +- packages/icons/src/index.ts | 16 ++++++++-------- 13 files changed, 24 insertions(+), 24 deletions(-) diff --git a/packages/icons/src/Flags/index.ts b/packages/icons/src/Flags/index.ts index 4be23932c..bde28f64b 100644 --- a/packages/icons/src/Flags/index.ts +++ b/packages/icons/src/Flags/index.ts @@ -1,3 +1,3 @@ -export { default as FlagsLight } from './system/FlagsLight'; -export { default as FlagsDark } from './system/FlagsDark'; +export { FlagsLight } from './system/FlagsLight'; +export { FlagsDark } from './system/FlagsDark'; export type { FlagName, FlagProps } from './system/types'; diff --git a/packages/icons/src/Flags/system/FlagsDark.ts b/packages/icons/src/Flags/system/FlagsDark.ts index 49b01ead4..e345d788f 100644 --- a/packages/icons/src/Flags/system/FlagsDark.ts +++ b/packages/icons/src/Flags/system/FlagsDark.ts @@ -54,4 +54,4 @@ const FlagsDark: Record> = { 'united-states': United_States, }; -export default FlagsDark; +export { FlagsDark }; diff --git a/packages/icons/src/Flags/system/FlagsLight.ts b/packages/icons/src/Flags/system/FlagsLight.ts index 60de12931..1140a31c0 100644 --- a/packages/icons/src/Flags/system/FlagsLight.ts +++ b/packages/icons/src/Flags/system/FlagsLight.ts @@ -54,4 +54,4 @@ const FlagsLight: Record> = { 'united-states': United_States, }; -export default FlagsLight; +export { FlagsLight }; diff --git a/packages/icons/src/Icons/index.ts b/packages/icons/src/Icons/index.ts index 1ff602258..349374337 100644 --- a/packages/icons/src/Icons/index.ts +++ b/packages/icons/src/Icons/index.ts @@ -1,3 +1,3 @@ -export { default as IconsLight } from './system/IconsLight'; -export { default as IconsDark } from './system/IconsDark'; +export { IconsLight } from './system/IconsLight'; +export { IconsDark } from './system/IconsDark'; export type { IconName, IconProps } from './system/types'; diff --git a/packages/icons/src/Icons/system/IconsDark.ts b/packages/icons/src/Icons/system/IconsDark.ts index f2db36ac3..0047a5b79 100644 --- a/packages/icons/src/Icons/system/IconsDark.ts +++ b/packages/icons/src/Icons/system/IconsDark.ts @@ -348,4 +348,4 @@ const IconsDark: Record> = { waves: Waves, }; -export default IconsDark; +export { IconsDark }; diff --git a/packages/icons/src/Icons/system/IconsLight.ts b/packages/icons/src/Icons/system/IconsLight.ts index 551e8869b..79b9d2c96 100644 --- a/packages/icons/src/Icons/system/IconsLight.ts +++ b/packages/icons/src/Icons/system/IconsLight.ts @@ -348,4 +348,4 @@ const IconsLight: Record> = { waves: Waves, }; -export default IconsLight; +export { IconsLight }; diff --git a/packages/icons/src/Logos/index.ts b/packages/icons/src/Logos/index.ts index 6425a9d41..8760cad33 100644 --- a/packages/icons/src/Logos/index.ts +++ b/packages/icons/src/Logos/index.ts @@ -1,3 +1,3 @@ -export { default as LogosLight } from './system/LogosLight'; -export { default as LogosDark } from './system/LogosDark'; +export { LogosLight } from './system/LogosLight'; +export { LogosDark } from './system/LogosDark'; export type { LogoName, LogoProps } from './system/types'; diff --git a/packages/icons/src/Logos/system/LogosDark.ts b/packages/icons/src/Logos/system/LogosDark.ts index 989b94841..b3c39817d 100644 --- a/packages/icons/src/Logos/system/LogosDark.ts +++ b/packages/icons/src/Logos/system/LogosDark.ts @@ -150,4 +150,4 @@ const LogosDark: Record> = { warpstream: Warpstream, }; -export default LogosDark; +export { LogosDark }; diff --git a/packages/icons/src/Logos/system/LogosLight.ts b/packages/icons/src/Logos/system/LogosLight.ts index 147b879f3..05c0df7a6 100644 --- a/packages/icons/src/Logos/system/LogosLight.ts +++ b/packages/icons/src/Logos/system/LogosLight.ts @@ -150,4 +150,4 @@ const LogosLight: Record> = { warpstream: Warpstream, }; -export default LogosLight; +export { LogosLight }; diff --git a/packages/icons/src/Payments/index.ts b/packages/icons/src/Payments/index.ts index f3d2709da..1d48b2d4f 100644 --- a/packages/icons/src/Payments/index.ts +++ b/packages/icons/src/Payments/index.ts @@ -1,3 +1,3 @@ -export { default as PaymentsLight } from './system/PaymentsLight'; -export { default as PaymentsDark } from './system/PaymentsDark'; +export { PaymentsLight } from './system/PaymentsLight'; +export { PaymentsDark } from './system/PaymentsDark'; export type { PaymentName, PaymentProps } from './system/types'; diff --git a/packages/icons/src/Payments/system/PaymentsDark.ts b/packages/icons/src/Payments/system/PaymentsDark.ts index 0c91c9b6e..cd5b2182a 100644 --- a/packages/icons/src/Payments/system/PaymentsDark.ts +++ b/packages/icons/src/Payments/system/PaymentsDark.ts @@ -20,4 +20,4 @@ const PaymentsDark: Record> = { visa: Visa, }; -export default PaymentsDark; +export { PaymentsDark }; diff --git a/packages/icons/src/Payments/system/PaymentsLight.ts b/packages/icons/src/Payments/system/PaymentsLight.ts index 052a8ca32..a5168c391 100644 --- a/packages/icons/src/Payments/system/PaymentsLight.ts +++ b/packages/icons/src/Payments/system/PaymentsLight.ts @@ -20,4 +20,4 @@ const PaymentsLight: Record> = { visa: Visa, }; -export default PaymentsLight; +export { PaymentsLight }; diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts index 6e261cb99..2c25110dc 100644 --- a/packages/icons/src/index.ts +++ b/packages/icons/src/index.ts @@ -9,20 +9,20 @@ export type { PaymentName, PaymentProps } from './Payments/system/types'; export { default as Popover_Arrow } from './Icons/Popover-Arrow'; // Icon registries -export { default as IconsLight } from './Icons/system/IconsLight'; -export { default as IconsDark } from './Icons/system/IconsDark'; +export { IconsLight } from './Icons/system/IconsLight'; +export { IconsDark } from './Icons/system/IconsDark'; // Logo registries -export { default as LogosLight } from './Logos/system/LogosLight'; -export { default as LogosDark } from './Logos/system/LogosDark'; +export { LogosLight } from './Logos/system/LogosLight'; +export { LogosDark } from './Logos/system/LogosDark'; // Flag registries -export { default as FlagsLight } from './Flags/system/FlagsLight'; -export { default as FlagsDark } from './Flags/system/FlagsDark'; +export { FlagsLight } from './Flags/system/FlagsLight'; +export { FlagsDark } from './Flags/system/FlagsDark'; // Payment registries -export { default as PaymentsLight } from './Payments/system/PaymentsLight'; -export { default as PaymentsDark } from './Payments/system/PaymentsDark'; +export { PaymentsLight } from './Payments/system/PaymentsLight'; +export { PaymentsDark } from './Payments/system/PaymentsDark'; // Config utilities export { From fbc491c0d7303ff7f730b408d481b12900e5882a Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:13:48 +0000 Subject: [PATCH 04/10] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20use=20alias?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit refactor: 💡 use alias --- packages/icons/src/Flags/Australia.tsx | 2 +- packages/icons/src/Flags/Brazil.tsx | 2 +- packages/icons/src/Flags/Canada.tsx | 2 +- packages/icons/src/Flags/European-Union.tsx | 2 +- packages/icons/src/Flags/Germany.tsx | 2 +- packages/icons/src/Flags/Hong-Kong.tsx | 2 +- packages/icons/src/Flags/India.tsx | 2 +- packages/icons/src/Flags/Indonesia.tsx | 2 +- packages/icons/src/Flags/Ireland.tsx | 2 +- packages/icons/src/Flags/Israel.tsx | 2 +- packages/icons/src/Flags/Japan.tsx | 2 +- packages/icons/src/Flags/Netherlands.tsx | 2 +- packages/icons/src/Flags/Singapore.tsx | 2 +- packages/icons/src/Flags/South-Africa.tsx | 2 +- packages/icons/src/Flags/South-Korea.tsx | 2 +- packages/icons/src/Flags/Sweden.tsx | 2 +- packages/icons/src/Flags/Switzerland.tsx | 2 +- packages/icons/src/Flags/United-Arab-Emirates.tsx | 2 +- packages/icons/src/Flags/United-Kingdom.tsx | 2 +- packages/icons/src/Flags/United-States.tsx | 2 +- packages/icons/src/Flags/system/FlagsDark.ts | 2 +- packages/icons/src/Flags/system/FlagsLight.ts | 2 +- packages/icons/src/Flags/system/types.ts | 2 +- packages/icons/src/Icons/Activity.tsx | 2 +- packages/icons/src/Icons/Alarm.tsx | 2 +- packages/icons/src/Icons/Arrow-Directions.tsx | 2 +- packages/icons/src/Icons/Arrow-Down.tsx | 2 +- packages/icons/src/Icons/Arrow-Left.tsx | 2 +- packages/icons/src/Icons/Arrow-Right.tsx | 2 +- packages/icons/src/Icons/Arrow-Triangle.tsx | 2 +- packages/icons/src/Icons/Arrow-Up.tsx | 2 +- packages/icons/src/Icons/Auth-App.tsx | 2 +- packages/icons/src/Icons/Auth-Sms.tsx | 2 +- packages/icons/src/Icons/Backups.tsx | 2 +- packages/icons/src/Icons/Bar-Chart.tsx | 2 +- packages/icons/src/Icons/Bell.tsx | 2 +- packages/icons/src/Icons/Beta.tsx | 2 +- packages/icons/src/Icons/Blog.tsx | 2 +- packages/icons/src/Icons/Bold.tsx | 2 +- packages/icons/src/Icons/Book.tsx | 2 +- packages/icons/src/Icons/Brackets.tsx | 2 +- packages/icons/src/Icons/Briefcase.tsx | 2 +- packages/icons/src/Icons/Building.tsx | 2 +- packages/icons/src/Icons/Burger-Menu.tsx | 2 +- packages/icons/src/Icons/Calendar-With-Time.tsx | 2 +- packages/icons/src/Icons/Calendar.tsx | 2 +- packages/icons/src/Icons/Cards.tsx | 2 +- packages/icons/src/Icons/Cell-Tower.tsx | 2 +- packages/icons/src/Icons/Chart-Area.tsx | 2 +- packages/icons/src/Icons/Chart-Bar-Horizontal.tsx | 2 +- packages/icons/src/Icons/Chart-Cloud.tsx | 2 +- packages/icons/src/Icons/Chart-Donut.tsx | 2 +- packages/icons/src/Icons/Chart-Heatmap.tsx | 2 +- packages/icons/src/Icons/Chart-Scatter.tsx | 2 +- packages/icons/src/Icons/Chart-Square.tsx | 2 +- packages/icons/src/Icons/Chart-Stacked-Horizontal.tsx | 2 +- packages/icons/src/Icons/Chart-Stacked-Vertical.tsx | 2 +- packages/icons/src/Icons/Chat.tsx | 2 +- packages/icons/src/Icons/Check-In-Circle.tsx | 2 +- packages/icons/src/Icons/Check.tsx | 2 +- packages/icons/src/Icons/Chevron-Down.tsx | 2 +- packages/icons/src/Icons/Chevron-Left.tsx | 2 +- packages/icons/src/Icons/Chevron-Right.tsx | 2 +- packages/icons/src/Icons/Chevron-Up.tsx | 2 +- packages/icons/src/Icons/Circle.tsx | 2 +- packages/icons/src/Icons/Clock.tsx | 2 +- packages/icons/src/Icons/Cloud-Keys.tsx | 2 +- packages/icons/src/Icons/Cloud.tsx | 2 +- packages/icons/src/Icons/Code-In-Square.tsx | 2 +- packages/icons/src/Icons/Code.tsx | 2 +- packages/icons/src/Icons/Connect-Alt.tsx | 2 +- packages/icons/src/Icons/Connect.tsx | 2 +- packages/icons/src/Icons/Console.tsx | 2 +- packages/icons/src/Icons/Copy.tsx | 2 +- packages/icons/src/Icons/Cpu.tsx | 2 +- packages/icons/src/Icons/Credit-Card.tsx | 2 +- packages/icons/src/Icons/Cross.tsx | 2 +- packages/icons/src/Icons/Data-Lakes.tsx | 2 +- packages/icons/src/Icons/Data.tsx | 2 +- packages/icons/src/Icons/Database.tsx | 2 +- packages/icons/src/Icons/Disk.tsx | 2 +- packages/icons/src/Icons/Display.tsx | 2 +- packages/icons/src/Icons/Document.tsx | 2 +- packages/icons/src/Icons/Dot.tsx | 2 +- packages/icons/src/Icons/Dots-Horizontal.tsx | 2 +- packages/icons/src/Icons/Dots-Triangle.tsx | 2 +- packages/icons/src/Icons/Dots-Vertical-Double.tsx | 2 +- packages/icons/src/Icons/Dots-Vertical.tsx | 2 +- packages/icons/src/Icons/Double-Check.tsx | 2 +- packages/icons/src/Icons/Download-In-Circle.tsx | 2 +- packages/icons/src/Icons/Download.tsx | 2 +- packages/icons/src/Icons/Email.tsx | 2 +- packages/icons/src/Icons/Empty.tsx | 2 +- packages/icons/src/Icons/Enter.tsx | 2 +- packages/icons/src/Icons/Eye-Closed.tsx | 2 +- packages/icons/src/Icons/Eye.tsx | 2 +- packages/icons/src/Icons/Filter.tsx | 2 +- packages/icons/src/Icons/Fire.tsx | 2 +- packages/icons/src/Icons/Flag.tsx | 2 +- packages/icons/src/Icons/Flash.tsx | 2 +- packages/icons/src/Icons/Flask.tsx | 2 +- packages/icons/src/Icons/Folder-Closed.tsx | 2 +- packages/icons/src/Icons/Folder-Open.tsx | 2 +- packages/icons/src/Icons/Gear.tsx | 2 +- packages/icons/src/Icons/Gift.tsx | 2 +- packages/icons/src/Icons/Git-Merge.tsx | 2 +- packages/icons/src/Icons/Globe.tsx | 2 +- packages/icons/src/Icons/Hexagon.tsx | 2 +- packages/icons/src/Icons/History.tsx | 2 +- packages/icons/src/Icons/Home.tsx | 2 +- packages/icons/src/Icons/Http-Monitoring.tsx | 2 +- packages/icons/src/Icons/Http.tsx | 2 +- packages/icons/src/Icons/Info-In-Circle.tsx | 2 +- packages/icons/src/Icons/Information.tsx | 2 +- packages/icons/src/Icons/Insert-Row.tsx | 2 +- packages/icons/src/Icons/Integrations.tsx | 2 +- packages/icons/src/Icons/Italic.tsx | 2 +- packages/icons/src/Icons/Key.tsx | 2 +- packages/icons/src/Icons/Keys.tsx | 2 +- packages/icons/src/Icons/Lifebuoy.tsx | 2 +- packages/icons/src/Icons/Light-Bulb-On.tsx | 2 +- packages/icons/src/Icons/Light-Bulb.tsx | 2 +- packages/icons/src/Icons/Lightening.tsx | 2 +- packages/icons/src/Icons/Line-In-Circle.tsx | 2 +- packages/icons/src/Icons/List-Bulleted.tsx | 2 +- packages/icons/src/Icons/List-Numbered.tsx | 2 +- packages/icons/src/Icons/Loading.tsx | 2 +- packages/icons/src/Icons/Lock.tsx | 2 +- packages/icons/src/Icons/Map-Pin.tsx | 2 +- packages/icons/src/Icons/Mcp.tsx | 2 +- packages/icons/src/Icons/Metrics-Alt.tsx | 2 +- packages/icons/src/Icons/Metrics.tsx | 2 +- packages/icons/src/Icons/Minus.tsx | 2 +- packages/icons/src/Icons/Moon.tsx | 2 +- packages/icons/src/Icons/No-Cloud.tsx | 2 +- packages/icons/src/Icons/Pause.tsx | 2 +- packages/icons/src/Icons/Payment.tsx | 2 +- packages/icons/src/Icons/Pencil.tsx | 2 +- packages/icons/src/Icons/Pie-Chart.tsx | 2 +- packages/icons/src/Icons/Pipe.tsx | 2 +- packages/icons/src/Icons/Play-In-Circle.tsx | 2 +- packages/icons/src/Icons/Play.tsx | 2 +- packages/icons/src/Icons/Plug.tsx | 2 +- packages/icons/src/Icons/Plus.tsx | 2 +- packages/icons/src/Icons/Popout.tsx | 2 +- packages/icons/src/Icons/Popover-Arrow.tsx | 2 +- packages/icons/src/Icons/Puzzle-Piece.tsx | 2 +- packages/icons/src/Icons/Query.tsx | 2 +- packages/icons/src/Icons/Question.tsx | 2 +- packages/icons/src/Icons/Refresh.tsx | 2 +- packages/icons/src/Icons/Resize-Arrows-Horizontal.tsx | 2 +- packages/icons/src/Icons/Resize-Arrows-Vertical.tsx | 2 +- packages/icons/src/Icons/Rocket.tsx | 2 +- packages/icons/src/Icons/Sand-Glass.tsx | 2 +- packages/icons/src/Icons/Search.tsx | 2 +- packages/icons/src/Icons/Secure.tsx | 2 +- packages/icons/src/Icons/Server.tsx | 2 +- packages/icons/src/Icons/Services.tsx | 2 +- packages/icons/src/Icons/Settings.tsx | 2 +- packages/icons/src/Icons/Share-Arrow.tsx | 2 +- packages/icons/src/Icons/Share-Network.tsx | 2 +- packages/icons/src/Icons/Share.tsx | 2 +- packages/icons/src/Icons/Sleep.tsx | 2 +- packages/icons/src/Icons/Slide-In.tsx | 2 +- packages/icons/src/Icons/Slide-Out.tsx | 2 +- packages/icons/src/Icons/Sort-Alt.tsx | 2 +- packages/icons/src/Icons/Sort.tsx | 2 +- packages/icons/src/Icons/Sparkle.tsx | 2 +- packages/icons/src/Icons/Speaker.tsx | 2 +- packages/icons/src/Icons/Speed.tsx | 2 +- packages/icons/src/Icons/Square.tsx | 2 +- packages/icons/src/Icons/Star.tsx | 2 +- packages/icons/src/Icons/Stop.tsx | 2 +- packages/icons/src/Icons/Support.tsx | 2 +- packages/icons/src/Icons/Table.tsx | 2 +- packages/icons/src/Icons/Taxi.tsx | 2 +- packages/icons/src/Icons/Text-Slash.tsx | 2 +- packages/icons/src/Icons/Thumbs-Down.tsx | 2 +- packages/icons/src/Icons/Thumbs-Up.tsx | 2 +- packages/icons/src/Icons/Trash.tsx | 2 +- packages/icons/src/Icons/Tree-Structure.tsx | 2 +- packages/icons/src/Icons/Underline.tsx | 2 +- packages/icons/src/Icons/Upgrade.tsx | 2 +- packages/icons/src/Icons/Upload.tsx | 2 +- packages/icons/src/Icons/Url.tsx | 2 +- packages/icons/src/Icons/User.tsx | 2 +- packages/icons/src/Icons/Users.tsx | 2 +- packages/icons/src/Icons/Warning.tsx | 2 +- packages/icons/src/Icons/Waves.tsx | 2 +- packages/icons/src/Icons/system/IconsDark.ts | 2 +- packages/icons/src/Icons/system/IconsLight.ts | 2 +- packages/icons/src/Icons/system/types.ts | 2 +- packages/icons/src/Logos/AWS.tsx | 2 +- packages/icons/src/Logos/AWS_ATHENA.tsx | 2 +- packages/icons/src/Logos/AWS_AURORA.tsx | 2 +- packages/icons/src/Logos/AWS_GLUE.tsx | 2 +- packages/icons/src/Logos/AWS_KINESIS.tsx | 2 +- packages/icons/src/Logos/AWS_MSK.tsx | 2 +- packages/icons/src/Logos/AWS_RDS.tsx | 2 +- packages/icons/src/Logos/AWS_REDSHIFT.tsx | 2 +- packages/icons/src/Logos/AWS_S3.tsx | 2 +- packages/icons/src/Logos/Airbyte.tsx | 2 +- packages/icons/src/Logos/Alloydb.tsx | 2 +- packages/icons/src/Logos/ApacheIceberg.tsx | 2 +- packages/icons/src/Logos/Azure.tsx | 2 +- packages/icons/src/Logos/Azure_Blob_Storage.tsx | 2 +- packages/icons/src/Logos/Azure_Event_Hub.tsx | 2 +- packages/icons/src/Logos/Bigquery.tsx | 2 +- packages/icons/src/Logos/Clickhouse.tsx | 2 +- packages/icons/src/Logos/Cloudflare.tsx | 2 +- packages/icons/src/Logos/Confluent.tsx | 2 +- packages/icons/src/Logos/Crunchy_Bridge.tsx | 2 +- packages/icons/src/Logos/Csharp.tsx | 2 +- packages/icons/src/Logos/Databricks.tsx | 2 +- packages/icons/src/Logos/Datagrip.tsx | 2 +- packages/icons/src/Logos/Dbeaver.tsx | 2 +- packages/icons/src/Logos/Dbt.tsx | 2 +- packages/icons/src/Logos/Decodeable.tsx | 2 +- packages/icons/src/Logos/Deepnote.tsx | 2 +- packages/icons/src/Logos/Deltalake.tsx | 2 +- packages/icons/src/Logos/Digitalocean.tsx | 2 +- packages/icons/src/Logos/FeatureDatabase.tsx | 2 +- packages/icons/src/Logos/FeatureHexagon.tsx | 2 +- packages/icons/src/Logos/Fivetran.tsx | 2 +- packages/icons/src/Logos/GCS.tsx | 2 +- packages/icons/src/Logos/Gcp.tsx | 2 +- packages/icons/src/Logos/Github.tsx | 2 +- packages/icons/src/Logos/Golang.tsx | 2 +- packages/icons/src/Logos/Google.tsx | 2 +- packages/icons/src/Logos/Grafana.tsx | 2 +- packages/icons/src/Logos/Hex.tsx | 2 +- packages/icons/src/Logos/Hudi.tsx | 2 +- packages/icons/src/Logos/Iceberg.tsx | 2 +- packages/icons/src/Logos/Jdbc.tsx | 2 +- packages/icons/src/Logos/Kafka.tsx | 2 +- packages/icons/src/Logos/Kubernetes.tsx | 2 +- packages/icons/src/Logos/Lakekeeper.tsx | 2 +- packages/icons/src/Logos/Mariadb.tsx | 2 +- packages/icons/src/Logos/Metabase.tsx | 2 +- packages/icons/src/Logos/Microsoft.tsx | 2 +- packages/icons/src/Logos/Mongodb.tsx | 2 +- packages/icons/src/Logos/Mysql.tsx | 2 +- packages/icons/src/Logos/Neondb.tsx | 2 +- packages/icons/src/Logos/Nessie.tsx | 2 +- packages/icons/src/Logos/Nodejs.tsx | 2 +- packages/icons/src/Logos/OVH.tsx | 2 +- packages/icons/src/Logos/Onelake.tsx | 2 +- packages/icons/src/Logos/Planetscale.tsx | 2 +- packages/icons/src/Logos/Postgres.tsx | 2 +- packages/icons/src/Logos/Prequel.tsx | 2 +- packages/icons/src/Logos/Python.tsx | 2 +- packages/icons/src/Logos/Redpanda.tsx | 2 +- packages/icons/src/Logos/Rust.tsx | 2 +- packages/icons/src/Logos/Snowflake.tsx | 2 +- packages/icons/src/Logos/Supabase.tsx | 2 +- packages/icons/src/Logos/Superset.tsx | 2 +- packages/icons/src/Logos/Tableau.tsx | 2 +- packages/icons/src/Logos/Tigerdata.tsx | 2 +- packages/icons/src/Logos/Upstash.tsx | 2 +- packages/icons/src/Logos/Vector.tsx | 2 +- packages/icons/src/Logos/Warpstream.tsx | 2 +- packages/icons/src/Logos/system/LogosDark.ts | 2 +- packages/icons/src/Logos/system/LogosLight.ts | 2 +- packages/icons/src/Logos/system/types.ts | 2 +- packages/icons/src/Payments/Amex.tsx | 2 +- packages/icons/src/Payments/Mastercard.tsx | 2 +- packages/icons/src/Payments/Paypal.tsx | 2 +- packages/icons/src/Payments/Visa.tsx | 2 +- packages/icons/src/Payments/system/PaymentsDark.ts | 2 +- packages/icons/src/Payments/system/PaymentsLight.ts | 2 +- packages/icons/src/Payments/system/types.ts | 2 +- 271 files changed, 271 insertions(+), 271 deletions(-) diff --git a/packages/icons/src/Flags/Australia.tsx b/packages/icons/src/Flags/Australia.tsx index 2a3869a71..c76cd0b33 100644 --- a/packages/icons/src/Flags/Australia.tsx +++ b/packages/icons/src/Flags/Australia.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Australia = (props: SVGAssetProps): React.ReactElement => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( > = { diff --git a/packages/icons/src/Flags/system/FlagsLight.ts b/packages/icons/src/Flags/system/FlagsLight.ts index 1140a31c0..884cac53d 100644 --- a/packages/icons/src/Flags/system/FlagsLight.ts +++ b/packages/icons/src/Flags/system/FlagsLight.ts @@ -27,7 +27,7 @@ import United_Arab_Emirates from '../United-Arab-Emirates'; import United_Kingdom from '../United-Kingdom'; import United_States from '../United-States'; import { FlagName } from './types'; -import type { SVGAssetProps } from '../../types'; +import type { SVGAssetProps } from '@/types'; import type { ComponentType } from 'react'; const FlagsLight: Record> = { diff --git a/packages/icons/src/Flags/system/types.ts b/packages/icons/src/Flags/system/types.ts index 321c71c59..088bbad19 100644 --- a/packages/icons/src/Flags/system/types.ts +++ b/packages/icons/src/Flags/system/types.ts @@ -1,5 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize, ThemeName } from '../../types'; +import type { AssetSize, ThemeName } from '@/types'; export type FlagName = | 'australia' diff --git a/packages/icons/src/Icons/Activity.tsx b/packages/icons/src/Icons/Activity.tsx index 3f5ca7ab2..de7eb7d59 100644 --- a/packages/icons/src/Icons/Activity.tsx +++ b/packages/icons/src/Icons/Activity.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Activity = (props: SVGAssetProps) => ( { return ( diff --git a/packages/icons/src/Icons/Arrow-Directions.tsx b/packages/icons/src/Icons/Arrow-Directions.tsx index bce433019..380a876d3 100644 --- a/packages/icons/src/Icons/Arrow-Directions.tsx +++ b/packages/icons/src/Icons/Arrow-Directions.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Arrow_Directions = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/icons/src/Icons/Gift.tsx b/packages/icons/src/Icons/Gift.tsx index be080fb8c..21c4ed59b 100644 --- a/packages/icons/src/Icons/Gift.tsx +++ b/packages/icons/src/Icons/Gift.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Gift = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/icons/src/Icons/List-Bulleted.tsx b/packages/icons/src/Icons/List-Bulleted.tsx index 11b516c02..477183729 100644 --- a/packages/icons/src/Icons/List-Bulleted.tsx +++ b/packages/icons/src/Icons/List-Bulleted.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const List_Bulleted = (props: SVGAssetProps) => ( ( ( diff --git a/packages/icons/src/Icons/Lock.tsx b/packages/icons/src/Icons/Lock.tsx index 5ba3ba7fe..f57be22f9 100644 --- a/packages/icons/src/Icons/Lock.tsx +++ b/packages/icons/src/Icons/Lock.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Lock = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/icons/src/Icons/Puzzle-Piece.tsx b/packages/icons/src/Icons/Puzzle-Piece.tsx index 87254b2c4..f300037ec 100644 --- a/packages/icons/src/Icons/Puzzle-Piece.tsx +++ b/packages/icons/src/Icons/Puzzle-Piece.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Puzzle_Piece = (props: SVGAssetProps) => { return ( diff --git a/packages/icons/src/Icons/Query.tsx b/packages/icons/src/Icons/Query.tsx index 395a336af..8260b8b81 100644 --- a/packages/icons/src/Icons/Query.tsx +++ b/packages/icons/src/Icons/Query.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Query = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( { return ( diff --git a/packages/icons/src/Icons/Sparkle.tsx b/packages/icons/src/Icons/Sparkle.tsx index 265c2a386..23544d029 100644 --- a/packages/icons/src/Icons/Sparkle.tsx +++ b/packages/icons/src/Icons/Sparkle.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Sparkle = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( > = { diff --git a/packages/icons/src/Icons/system/IconsLight.ts b/packages/icons/src/Icons/system/IconsLight.ts index 79b9d2c96..ecfd3acc8 100644 --- a/packages/icons/src/Icons/system/IconsLight.ts +++ b/packages/icons/src/Icons/system/IconsLight.ts @@ -174,7 +174,7 @@ import Users from '../Users'; import Warning from '../Warning'; import Waves from '../Waves'; import { IconName } from './types'; -import type { SVGAssetProps } from '../../types'; +import type { SVGAssetProps } from '@/types'; import type { ComponentType } from 'react'; const IconsLight: Record> = { diff --git a/packages/icons/src/Icons/system/types.ts b/packages/icons/src/Icons/system/types.ts index c1821f63c..f0b6556a3 100644 --- a/packages/icons/src/Icons/system/types.ts +++ b/packages/icons/src/Icons/system/types.ts @@ -1,5 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize, ThemeName } from '../../types'; +import type { AssetSize, ThemeName } from '@/types'; export type IconName = | 'activity' diff --git a/packages/icons/src/Logos/AWS.tsx b/packages/icons/src/Logos/AWS.tsx index 07e2c3901..8f29f54a0 100644 --- a/packages/icons/src/Logos/AWS.tsx +++ b/packages/icons/src/Logos/AWS.tsx @@ -1,6 +1,6 @@ /* eslint-disable react-refresh/only-export-components */ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; // TODO: Can this logo have a base and extend it? // Check this separately, see OVH.tsx diff --git a/packages/icons/src/Logos/AWS_ATHENA.tsx b/packages/icons/src/Logos/AWS_ATHENA.tsx index 237e74993..0c7a9ee3c 100644 --- a/packages/icons/src/Logos/AWS_ATHENA.tsx +++ b/packages/icons/src/Logos/AWS_ATHENA.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const AWS_ATHENA = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( diff --git a/packages/icons/src/Logos/Onelake.tsx b/packages/icons/src/Logos/Onelake.tsx index 7e81a8fbf..1e95a13ad 100644 --- a/packages/icons/src/Logos/Onelake.tsx +++ b/packages/icons/src/Logos/Onelake.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Onelake = (props: SVGAssetProps) => ( ( ( ( ( ( { const color = theme === 'dark' ? 'white' : '#161517'; diff --git a/packages/icons/src/Logos/Snowflake.tsx b/packages/icons/src/Logos/Snowflake.tsx index 2395cdf1f..47222db29 100644 --- a/packages/icons/src/Logos/Snowflake.tsx +++ b/packages/icons/src/Logos/Snowflake.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Snowflake = (props: SVGAssetProps) => ( ( ( ( ( ( ( ( > = { diff --git a/packages/icons/src/Logos/system/LogosLight.ts b/packages/icons/src/Logos/system/LogosLight.ts index 05c0df7a6..ca518caad 100644 --- a/packages/icons/src/Logos/system/LogosLight.ts +++ b/packages/icons/src/Logos/system/LogosLight.ts @@ -75,7 +75,7 @@ import Upstash from '../Upstash'; import Vector from '../Vector'; import Warpstream from '../Warpstream'; import { LogoName } from './types'; -import type { SVGAssetProps } from '../../types'; +import type { SVGAssetProps } from '@/types'; import type { ComponentType } from 'react'; const LogosLight: Record> = { diff --git a/packages/icons/src/Logos/system/types.ts b/packages/icons/src/Logos/system/types.ts index c681b2b5f..cd01fd6d7 100644 --- a/packages/icons/src/Logos/system/types.ts +++ b/packages/icons/src/Logos/system/types.ts @@ -1,5 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize, ThemeName } from '../../types'; +import type { AssetSize, ThemeName } from '@/types'; export type LogoName = | 'airbyte' diff --git a/packages/icons/src/Payments/Amex.tsx b/packages/icons/src/Payments/Amex.tsx index 8db566c01..3da94042d 100644 --- a/packages/icons/src/Payments/Amex.tsx +++ b/packages/icons/src/Payments/Amex.tsx @@ -1,4 +1,4 @@ -import type { SVGAssetProps } from '../types'; +import type { SVGAssetProps } from '@/types'; const Amex = (props: SVGAssetProps) => ( ( ( ( > = { diff --git a/packages/icons/src/Payments/system/PaymentsLight.ts b/packages/icons/src/Payments/system/PaymentsLight.ts index a5168c391..ce0d96b88 100644 --- a/packages/icons/src/Payments/system/PaymentsLight.ts +++ b/packages/icons/src/Payments/system/PaymentsLight.ts @@ -10,7 +10,7 @@ import Mastercard from '../Mastercard'; import Paypal from '../Paypal'; import Visa from '../Visa'; import { PaymentName } from './types'; -import type { SVGAssetProps } from '../../types'; +import type { SVGAssetProps } from '@/types'; import type { ComponentType } from 'react'; const PaymentsLight: Record> = { diff --git a/packages/icons/src/Payments/system/types.ts b/packages/icons/src/Payments/system/types.ts index bd826a3cc..2d17cab58 100644 --- a/packages/icons/src/Payments/system/types.ts +++ b/packages/icons/src/Payments/system/types.ts @@ -1,5 +1,5 @@ import type { SVGAttributes } from 'react'; -import type { AssetSize, ThemeName } from '../../types'; +import type { AssetSize, ThemeName } from '@/types'; export type PaymentName = 'amex' | 'mastercard' | 'paypal' | 'visa'; From c2e493ecd06797dbd86f6dd95cd8628f1d7dcd95 Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:38:41 +0000 Subject: [PATCH 05/10] =?UTF-8?q?fix:=20=F0=9F=90=9B=20missing=20build=20s?= =?UTF-8?q?tep=20for=20packages/icons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/code-quality.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.github/workflows/code-quality.yml b/.github/workflows/code-quality.yml index 6256c4608..d45ebdf5b 100644 --- a/.github/workflows/code-quality.yml +++ b/.github/workflows/code-quality.yml @@ -22,6 +22,10 @@ jobs: - name: Install dependencies run: yarn install --immutable + - name: Build icons package + working-directory: packages/icons + run: yarn build + - name: Typecheck working-directory: packages/click-ui run: yarn typecheck From 944574983a546920b9dbad1722f6bd780271d1c2 Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:41:13 +0000 Subject: [PATCH 06/10] =?UTF-8?q?fix:=20=F0=9F=90=9B=20format?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/click-ui/src/index.ts | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/packages/click-ui/src/index.ts b/packages/click-ui/src/index.ts index 156dbdbde..1645203ff 100644 --- a/packages/click-ui/src/index.ts +++ b/packages/click-ui/src/index.ts @@ -25,7 +25,14 @@ export type { AlertProps } from './components/Alert'; // Assets (Flags, Logos, Icons) export { Flag as Flags } from './components/Assets/Flags/system/Flag'; export { Logo } from './components/Assets/Logos/system/Logo'; -export type { FlagName, FlagProps, LogoName, LogoProps, IconName, PaymentName } from '@clickhouse/icons'; +export type { + FlagName, + FlagProps, + LogoName, + LogoProps, + IconName, + PaymentName, +} from '@clickhouse/icons'; // Re-export from @clickhouse/icons export { @@ -41,7 +48,13 @@ export { createAssetResolver, ASSET_NAME_MAPPINGS, } from '@clickhouse/icons'; -export type { ThemeName, AssetSize, SVGAssetProps, AssetAlias, AssetDeprecatedName } from '@clickhouse/icons'; +export type { + ThemeName, + AssetSize, + SVGAssetProps, + AssetAlias, + AssetDeprecatedName, +} from '@clickhouse/icons'; // AutoComplete export { AutoComplete } from './components/AutoComplete'; From 679cb2c361724efa6d15447644b6f512b2fc1f5f Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:49:09 +0000 Subject: [PATCH 07/10] =?UTF-8?q?fix:=20=F0=9F=90=9B=20missing=20packages/?= =?UTF-8?q?icons=20build?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/build-health-checkup.yml | 4 ++++ .github/workflows/chromatic-deployment.yml | 4 ++++ .github/workflows/publish.yml | 3 +++ .github/workflows/release-publisher.yml | 5 +++++ .github/workflows/storybook-vercel.yml | 4 ++++ .github/workflows/unit-tests.yml | 4 ++++ 6 files changed, 24 insertions(+) diff --git a/.github/workflows/build-health-checkup.yml b/.github/workflows/build-health-checkup.yml index fc0bf0676..533ab0396 100644 --- a/.github/workflows/build-health-checkup.yml +++ b/.github/workflows/build-health-checkup.yml @@ -25,6 +25,10 @@ jobs: - name: Install dependencies run: yarn install --immutable + - name: Build icons package + working-directory: packages/icons + run: yarn build + - name: Build working-directory: packages/click-ui run: yarn build diff --git a/.github/workflows/chromatic-deployment.yml b/.github/workflows/chromatic-deployment.yml index c0f9b41a0..34f5a9045 100644 --- a/.github/workflows/chromatic-deployment.yml +++ b/.github/workflows/chromatic-deployment.yml @@ -24,6 +24,10 @@ jobs: - name: Install dependencies run: yarn install --immutable + - name: Build icons package + working-directory: packages/icons + run: yarn build + - name: Publish to Chromatic uses: chromaui/action@latest with: diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml index 38011c363..c1e4aa0f5 100644 --- a/.github/workflows/publish.yml +++ b/.github/workflows/publish.yml @@ -89,6 +89,9 @@ jobs: run: corepack enable - name: Install dependencies run: yarn install --immutable + - name: Build icons package + working-directory: packages/icons + run: yarn build - run: yarn test working-directory: packages/click-ui - run: yarn build diff --git a/.github/workflows/release-publisher.yml b/.github/workflows/release-publisher.yml index c4b0ff3a4..fa5d618aa 100644 --- a/.github/workflows/release-publisher.yml +++ b/.github/workflows/release-publisher.yml @@ -119,6 +119,11 @@ jobs: if: steps.verify-merge.outputs.is_release == 'true' run: yarn install --frozen-lockfile + - name: Build icons package + if: steps.verify-merge.outputs.is_release == 'true' + working-directory: packages/icons + run: yarn build + - name: Build package if: steps.verify-merge.outputs.is_release == 'true' working-directory: packages/click-ui diff --git a/.github/workflows/storybook-vercel.yml b/.github/workflows/storybook-vercel.yml index 47a4b1ddc..e6dae8195 100644 --- a/.github/workflows/storybook-vercel.yml +++ b/.github/workflows/storybook-vercel.yml @@ -46,6 +46,10 @@ jobs: - name: Install dependencies run: yarn install --immutable + - name: Build icons package + working-directory: packages/icons + run: yarn build + - name: Install Vercel CLI run: npm install --global vercel@latest diff --git a/.github/workflows/unit-tests.yml b/.github/workflows/unit-tests.yml index 4c339fa2f..7431a39a2 100644 --- a/.github/workflows/unit-tests.yml +++ b/.github/workflows/unit-tests.yml @@ -23,6 +23,10 @@ jobs: - name: Install dependencies run: yarn install --immutable + - name: Build icons package + working-directory: packages/icons + run: yarn build + - name: unit tests working-directory: packages/click-ui run: yarn test From 2472211712bac8d88969703041b6e5b56a996a00 Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:54:13 +0000 Subject: [PATCH 08/10] =?UTF-8?q?fix:=20=F0=9F=90=9B=20script=20locations?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/icons/package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/icons/package.json b/packages/icons/package.json index 173b074d7..da947821f 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -54,11 +54,11 @@ "scripts": { "build": "vite build", "typecheck": "tsc --noEmit", - "convert:icon": ".scripts/convert-svg-to-react-component --type=icons", - "convert:logo": ".scripts/convert-svg-to-react-component --type=logos", - "convert:flag": ".scripts/convert-svg-to-react-component --type=flags", - "convert:payment": ".scripts/convert-svg-to-react-component --type=payments", - "convert:regenerate": ".scripts/convert-svg-to-react-component --regenerate" + "convert:icon": ".scripts/js/convert-svg-to-react-component --type=icons", + "convert:logo": ".scripts/js/convert-svg-to-react-component --type=logos", + "convert:flag": ".scripts/js/convert-svg-to-react-component --type=flags", + "convert:payment": ".scripts/js/convert-svg-to-react-component --type=payments", + "convert:regenerate": ".scripts/js/convert-svg-to-react-component --regenerate" }, "peerDependencies": { "react": "^18.3.1 || ^19.0.0" From da3b4a1b62f03aa834a9e5694da0ce8a6745b315 Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:55:10 +0000 Subject: [PATCH 09/10] =?UTF-8?q?fix:=20=F0=9F=90=9B=20missing=20guard?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/icons/.scripts/js/convert-svg-to-react-component | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/icons/.scripts/js/convert-svg-to-react-component b/packages/icons/.scripts/js/convert-svg-to-react-component index fcbe94582..a0f416389 100755 --- a/packages/icons/.scripts/js/convert-svg-to-react-component +++ b/packages/icons/.scripts/js/convert-svg-to-react-component @@ -58,7 +58,10 @@ const ASSET_TYPES = { const getAssetType = (args) => { const typeFlag = args.find(arg => arg && arg.startsWith('--type=')); - + if (!typeFlag) { + console.error('👹 Oops! --type= is required'); + process.exit(1); + } const type = typeFlag.replace('--type=', ''); if (typeof ASSET_TYPES[type] === 'undefined') { From f975b4858198237403c84a6c2cbb19abde4e0e78 Mon Sep 17 00:00:00 2001 From: Helder Oliveira Date: Mon, 23 Mar 2026 18:56:53 +0000 Subject: [PATCH 10/10] =?UTF-8?q?fix:=20=F0=9F=90=9B=20missing=20export?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/click-ui/src/index.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/click-ui/src/index.ts b/packages/click-ui/src/index.ts index 1645203ff..4248ea00d 100644 --- a/packages/click-ui/src/index.ts +++ b/packages/click-ui/src/index.ts @@ -32,6 +32,7 @@ export type { LogoProps, IconName, PaymentName, + PaymentProps, } from '@clickhouse/icons'; // Re-export from @clickhouse/icons