@clickhouse/click-ui 0.1.0-rc.71 → 0.1.0-rc.73

package/README.md

@@ -46,13 +46,6 @@ You can find the official docs for the Click UI design system and component libr
   - [Checking the changeset status](#checking-the-changeset-status)
   - [Create a new version and changelogs](#create-a-new-version-and-changelogs)
 * [Release](#release)
-  - [Required admin permissions](#required-admin-permissions)
-  - [Create a new release pull request](#create-a-new-release-pull-request)
-  - [Publish](#publish)
-  - [Maintaining Multiple Versions](#maintaining-multiple-versions)
-  - [Release Cycle](#release-cycle)
-  - [Applying Fixes to Stable Versions](#applying-fixes-to-stable-versions)
-  - [Switching Release Modes](#switching-release-modes)
 * [Contributing](#contributing)
   - [Component RFC](#component-rfc)
   - [Conventional commits](#conventional-commits)
@@ -541,123 +534,11 @@ For more detailed instructions, see [converting SVG to React Components](./docs/
 
 ## Release
 
-**TLDR;** Use the [Create a new release Pull Request](#create-a-new-release-pull-request) for automated process.
+Releases are automated via GitHub Actions. A workflow creates a PR with version bumps and changelogs for review. Once merged, the package is published to npm and a GitHub release is created.
 
-You're expected to [create a new version](#create-a-new-version-and-changelogs), which will consume all changesets, and update to the most appropriate semantic version (semver) based on those changesets; which also writes changelog entries for each consumed changeset file content.
+Use the [Create a new release Pull Request](./docs/package-release.md#create-a-new-release-pull-request) for a quick automated process.
 
-Once the artifacts and version bump is completed, the package can be published to npm. Doing all of this manually can be tedious and prone to mistakes, as such, we have a GitHub action that creates a Pull request containing all of this for team review; And once approved, another GitHub action that publishes the package to npm and creates a GitHub release.
-
-### Required admin permissions
-
-The repository administrator has to set correct permissions for changeset workflow to work, namely: GitHub repository workflow permissons and add GitHub ascitons as a trusted publisher in NPM package settings.
-
-#### GitHub Workflow Permissions
-
-This workflow requires permissions to "Create pull requests", which can be configured in [workflow permissions](https://github.com/Clickhouse/click-ui/settings/actions).
-
-If you don't have permission to change these settings, you can use workflow authentication to generate a GitHub token as described [here](https://github.com/apps/workflow-authentication-public). This will generate a short-lived access token that grants the workflow "create pull requests" permission.
-
-For more detailed information about `actions/create-github-app-token`, see the documentation [here](https://github.com/actions/create-github-app-token).
-
-#### NPM Trusted publisher
-
-Add GitHub actions as a trusted publisher on [NPM package settings](https://www.npmjs.com/package/@clickhouse/click-ui). Make sure you select the provider "GitHub Actions", enter the repository "Clickhouse/click-ui" and finally the workflow name as "release-publisher.yml".
-
-### Create a new release Pull Request
-
-Consuming changesets is done automatically in the CI/CD environmment.
-
-To create a new release, locate the [create release](https://github.com/ClickHouse/click-ui/actions/workflows/create-release.yml) and use the interface to select the release type, e.g. release candidate (rc), testing, stable or latest.
-
-It'll create a new Pull request for review, e.g. changelog, version bump, etc. There, you have the opportunity to make any further tweaks, refinements and check if everything's correct.
-
-You can find the pull requests in the GitHub tab [Pull Request](https://github.com/ClickHouse/click-ui/pulls). E.g. let's say you're about to release v0.1.0-rc.1, you'd find `chore: 🤖 release v0.1.0-rc.1 (rc)`.
-
-> [!WARNING]
-> Releasing a "stable" or "latest" version requires that you have previously published a pre-release version (e.g. test or rc / release candidate). This process exists to help us maintain quality standards.
-> Only promote a release to "stable" or "latest" when you are confident it is production-ready, e.g., after thorough testing and gathering feedback from users or consumers. Take extra caution with "latest" in particular, as it becomes the default version installed by users.
-
-Once the pull request is approved and merged, it'll trigger the release of a new version to [npm registry](https://www.npmjs.com/package/@clickhouse/click-ui?activeTab=versions).
-
-The process will also create a branch for long lived version maintenance support, e.g. `chore/v0.5.0-rc.1`.
-
-### Publish
-
-Once you've reviewed the changelog entries and version changes, addressed all [Pull Request](#create-a-new-release-pull-request) comments and suggestions, and are confident everything looks correct, go ahead and **squash and merge** the pull request.
-
-Merging to `main` will automatically trigger the [release publisher](https://github.com/ClickHouse/click-ui/actions/workflows/release-publisher.yml), which will publish the package to npm. If successful, the new version will appear under the [@clickhouse/click-ui](https://www.npmjs.com/package/@clickhouse/click-ui?activeTab=versions) versions tab on npm, and a new [GitHub release](https://github.com/ClickHouse/click-ui/releases) will be created containing all generated release assets.
-
-### Maintaining Multiple Versions
-
-We maintain long-lived branches for each version, so you can get fixes without upgrading:
-
-```sh
-main → active development (latest features)
-├── chore/v2.2.x → maintenance for v2.2.x releases
-├── chore/v1.x.x → maintenance for v1.x.x releases
-└── chore/v0.5.x → maintenance for v0.5.x releases
-```
-
-Here's how it works:
-
-New features and improvements land in main, while critical bugs and security fixes are backported to the relevant maintenance branch. We recommend tracking changes against a base minor branch (e.g. chore/v1.1.x rather than chore/v1.1.1) so that all patches within a minor version are consolidated in one place. Note that the branch naming convention may change in the future (e.g. to v1 or v1.x), but this is the current approach at the time of writing.
-
-> [!NOTE]
-> While some changes might only make sense for a specific version, it's best practice to source fixes from `main` whenever possible. This keeps versions aligned and reduces diversion over time. Otherwise, you must make sure that your changes are put in the main development branch.
-
-Let's say that you need something specific for an older version, you can work in version isolation without pulling in changes from active development.
-
-Each release gets tagged and lives on its own version branch, e.g. `v1.5.0` making it easy to apply patches without forcing you to upgrade to the latest version.
-
-#### Release Cycle
-
-Our releases start from the `main` branch and go through a simple two-step process to help ensure quality:
-
-**Pre-release (test/rc)**
-
-1. Create a pre-release pull request, e.g. a test or release candidate (rc)
-2. The team reviews and provides feedback
-3. Once approved and merged, our release publisher pushes it to npm, e.g. `1.2.5-test.1`
-4. You can find all pre-release versions in the [npm package versions tab](https://www.npmjs.com/package/@clickhouse/click-ui?activeTab=versions)
-
-**Production release (latest)**
-
-1. Once a pre-release has been tested and available on stage, you can promote it to production
-2. Create a "latest" release PR for team review
-3. After approval and merge, the publisher strips the pre-release suffix and publishes the final version, e.g. `1.2.5-test.1` becomes `1.2.5`
-
-This workflow lets us test changes at any time before they reach production while keeping the process simple, inclusive and collaborative!
-
-#### Applying Fixes to Stable Versions
-
-To keep active development moving while ensuring you can apply critical fixes when needed, the Click UI team recommends the following approach:
-
-1. Choose the version needing a fix (e.g. `chore/v0.5.0`)
-2. Apply your changes, like backporting a security fix or updating a design token
-3. Create a new release from that branch
-
-This lets us experiment and iterate freely on Click UI while giving you or your team a quick path to deploy urgent fixes without waiting for the next major release cycle.
-
-> [!WARNING]
-> Always use `chore/vX.X.X` branches for maintenance work, not `changeset-release/v*` branches. The `changeset-release` branches are auto-generated during publishing, e.g. `changeset-release/v0.2.0-test.0`) and not meant for direct updates. All version-specific changes should go through `chore/vX.X.X` branches where the full commit history is tracked.
-
-#### Switching Release Modes
-
-A new changeset is required before switching between release modes.
-
-Changesets are how the release pipeline determines whether anything has actually changed between versions. Without one, promoting a release from one mode to another (for example, from `test` to `rc`) would produce a package that is identical in content but with a different version label, which is meaningless and potentially confusing.
-
-Here's what changes in package.json:
-
-```sh
-{
-  "name": "@clickhouse/click-ui",
--  "version": "1.1.0-test.1",
-+  "version": "1.1.0-rc.1",
-  ...
-}
-```
-Always include a changeset to ensure each promotion reflects real, trackable changes.
+See [Package Release](./docs/package-release.md) for detailed instructions, including use-cases.
 
 ### Component RFC
 

package/dist/cjs/components/Assets/Flags/system/Flag.cjs

@@ -6,10 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const styledComponents = require('styled-components');
 const theme_utils = require('../../../../theme/theme.utils.cjs');
 const SvgImageElement = require('../../../Icon/SvgImageElement.cjs');
-const retroactiveNames = require('./retroactiveNames.cjs');
+const config = require('../../config.cjs');
 const FlagsDark = require('./FlagsDark.cjs');
 const FlagsLight = require('./FlagsLight.cjs');
 
+const resolveFlagName = config.createAssetResolver();
 const Flag = ({
   name,
   theme,
@@ -19,7 +20,7 @@ const Flag = ({
   const {
     name: themeName
   } = styledComponents.useTheme();
-  const resolvedName = retroactiveNames.resolveFlagName(name);
+  const resolvedName = resolveFlagName(name);
   const resolvedTheme = theme_utils.getFallbackThemeName(theme ?? themeName);
   const Component = resolvedTheme === "light" ? FlagsLight.default[resolvedName] : FlagsDark.default[resolvedName];
   if (!Component) {
@@ -31,4 +32,5 @@ const Flag = ({
 Flag.displayName = "Flag";
 
 exports.Flag = Flag;
+exports.resolveFlagName = resolveFlagName;
 //# sourceMappingURL=Flag.cjs.map

package/dist/cjs/components/Assets/Flags/system/Flag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Flag.cjs","sources":["../../../../../../src/components/Assets/Flags/system/Flag.tsx"],"sourcesContent":["import { SVGAttributes } from 'react';\nimport { useTheme } from 'styled-components';\nimport { getFallbackThemeName } from '@/theme/theme.utils';\nimport { SvgImageElement } from '@/components/Icon/SvgImageElement';\nimport { FlagProps } from './types';\nimport { resolveFlagName } from './retroactiveNames';\nimport FlagsDark from './FlagsDark';\nimport FlagsLight from './FlagsLight';\n\nconst Flag = ({ name, theme, size, ...props }: FlagProps) => {\n  const { name: themeName } = useTheme();\n  const resolvedName = resolveFlagName(name);\n  const resolvedTheme = getFallbackThemeName(theme ?? themeName);\n  const Component =\n    resolvedTheme === 'light' ? FlagsLight[resolvedName] : FlagsDark[resolvedName];\n\n  if (!Component) {\n    return null;\n  }\n\n  const ThemedFlag = (svgProps: SVGAttributes<SVGElement>) => (\n    <Component\n      theme={resolvedTheme}\n      {...svgProps}\n    />\n  );\n\n  return (\n    <SvgImageElement\n      as={ThemedFlag}\n      $size={size}\n      role=\"img\"\n      aria-label={resolvedName}\n      {...props}\n    />\n  );\n};\n\nFlag.displayName = 'Flag';\n\nexport { Flag };\n"],"names":["Flag","name","theme","size","props","themeName","useTheme","resolvedName","resolveFlagName","resolvedTheme","getFallbackThemeName","Component","FlagsLight","FlagsDark","ThemedFlag","svgProps","jsx","SvgImageElement","displayName"],"mappings":";;;;;;;;;;;;AASA,MAAMA,OAAOA,CAAC;AAAA,EAAEC,IAAAA;AAAAA,EAAMC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAM,GAAGC;AAAiB,CAAA,KAAM;AAC3D,EAAA,MAAM;AAAA,IAAEH,IAAAA,EAAMI;AAAAA,MAAcC,yBAAAA,EAAS;AACrC,EAAA,MAAMC,YAAAA,GAAeC,iCAAgBP,IAAI,CAAA;AACzC,EAAA,MAAMQ,aAAAA,GAAgBC,gCAAAA,CAAqBR,KAAAA,IAASG,SAAS,CAAA;AAC7D,EAAA,MAAMM,YACJF,aAAAA,KAAkB,OAAA,GAAUG,mBAAWL,YAAY,CAAA,GAAIM,kBAAUN,YAAY,CAAA;AAE/E,EAAA,IAAI,CAACI,SAAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMG,UAAAA,GAAaA,CAACC,QAAAA,qBAClBC,cAAA,CAAC,aACC,KAAA,EAAOP,aAAAA,EACP,GAAIM,QAAAA,EAAS,CAAA;AAIjB,EAAA,uBACEC,cAAA,CAACC,+BAAA,EAAA,EACC,EAAA,EAAIH,UAAAA,EACJ,KAAA,EAAOX,IAAAA,EACP,IAAA,EAAK,KAAA,EACL,YAAA,EAAYI,YAAAA,EACZ,GAAIH,KAAAA,EAAM,CAAA;AAGhB;AAEAJ,IAAAA,CAAKkB,WAAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Flag.cjs","sources":["../../../../../../src/components/Assets/Flags/system/Flag.tsx"],"sourcesContent":["import { SVGAttributes } from 'react';\nimport { useTheme } from 'styled-components';\nimport { getFallbackThemeName } from '@/theme/theme.utils';\nimport { SvgImageElement } from '@/components/Icon/SvgImageElement';\nimport { FlagName, FlagProps } from './types';\nimport {\n  createAssetResolver,\n  type AssetAlias,\n  type AssetDeprecatedName,\n} from '@/components/Assets/config';\nimport FlagsDark from './FlagsDark';\nimport FlagsLight from './FlagsLight';\n\nconst resolveFlagName = createAssetResolver<FlagName>();\n\nexport { resolveFlagName };\n\nexport interface FlagPropsWithAliases extends Omit<FlagProps, 'name'> {\n  name: FlagName | AssetAlias | AssetDeprecatedName;\n}\n\nconst Flag = ({ name, theme, size, ...props }: FlagPropsWithAliases) => {\n  const { name: themeName } = useTheme();\n  const resolvedName = resolveFlagName(name);\n  const resolvedTheme = getFallbackThemeName(theme ?? themeName);\n  const Component =\n    resolvedTheme === 'light' ? FlagsLight[resolvedName] : FlagsDark[resolvedName];\n\n  if (!Component) {\n    return null;\n  }\n\n  const ThemedFlag = (svgProps: SVGAttributes<SVGElement>) => (\n    <Component\n      theme={resolvedTheme}\n      {...svgProps}\n    />\n  );\n\n  return (\n    <SvgImageElement\n      as={ThemedFlag}\n      $size={size}\n      role=\"img\"\n      aria-label={resolvedName}\n      {...props}\n    />\n  );\n};\n\nFlag.displayName = 'Flag';\n\nexport { Flag };\n"],"names":["resolveFlagName","createAssetResolver","Flag","name","theme","size","props","themeName","useTheme","resolvedName","resolvedTheme","getFallbackThemeName","Component","FlagsLight","FlagsDark","ThemedFlag","svgProps","jsx","SvgImageElement","displayName"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,kBAAkBC,0BAAAA;AAQxB,MAAMC,OAAOA,CAAC;AAAA,EAAEC,IAAAA;AAAAA,EAAMC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAM,GAAGC;AAA4B,CAAA,KAAM;AACtE,EAAA,MAAM;AAAA,IAAEH,IAAAA,EAAMI;AAAAA,MAAcC,yBAAAA,EAAS;AACrC,EAAA,MAAMC,YAAAA,GAAeT,gBAAgBG,IAAI,CAAA;AACzC,EAAA,MAAMO,aAAAA,GAAgBC,gCAAAA,CAAqBP,KAAAA,IAASG,SAAS,CAAA;AAC7D,EAAA,MAAMK,YACJF,aAAAA,KAAkB,OAAA,GAAUG,mBAAWJ,YAAY,CAAA,GAAIK,kBAAUL,YAAY,CAAA;AAE/E,EAAA,IAAI,CAACG,SAAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMG,UAAAA,GAAaA,CAACC,QAAAA,qBAClBC,cAAA,CAAC,aACC,KAAA,EAAOP,aAAAA,EACP,GAAIM,QAAAA,EAAS,CAAA;AAIjB,EAAA,uBACEC,cAAA,CAACC,+BAAA,EAAA,EACC,EAAA,EAAIH,UAAAA,EACJ,KAAA,EAAOV,IAAAA,EACP,IAAA,EAAK,KAAA,EACL,YAAA,EAAYI,YAAAA,EACZ,GAAIH,KAAAA,EAAM,CAAA;AAGhB;AAEAJ,IAAAA,CAAKiB,WAAAA,GAAc,MAAA;;;;;"}

package/dist/cjs/components/Assets/Flags/system/FlagsDark.cjs

@@ -24,7 +24,7 @@ const UnitedArabEmirates = require('../United-Arab-Emirates.cjs');
 const UnitedKingdom = require('../United-Kingdom.cjs');
 const UnitedStates = require('../United-States.cjs');
 
-const FlagsLight = {
+const FlagsDark = {
   australia: Australia.default,
   brazil: Brazil.default,
   canada: Canada.default,
@@ -48,5 +48,5 @@ const FlagsLight = {
   "united-states": UnitedStates.default
 };
 
-exports.default = FlagsLight;
+exports.default = FlagsDark;
 //# sourceMappingURL=FlagsDark.cjs.map

package/dist/cjs/components/Assets/Flags/system/FlagsDark.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlagsDark.cjs","sources":["../../../../../../src/components/Assets/Flags/system/FlagsDark.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Australia from '../Australia';\nimport Brazil from '../Brazil';\nimport Canada from '../Canada';\nimport European_Union from '../European-Union';\nimport Germany from '../Germany';\nimport Great_Britain from '../Great-Britain';\nimport Hong_Kong from '../Hong-Kong';\nimport India from '../India';\nimport Indonesia from '../Indonesia';\nimport Ireland from '../Ireland';\nimport Israel from '../Israel';\nimport Japan from '../Japan';\nimport Netherlands from '../Netherlands';\nimport Singapore from '../Singapore';\nimport South_Africa from '../South-Africa';\nimport South_Korea from '../South-Korea';\nimport Sweden from '../Sweden';\nimport Switzerland from '../Switzerland';\nimport United_Arab_Emirates from '../United-Arab-Emirates';\nimport United_Kingdom from '../United-Kingdom';\nimport United_States from '../United-States';\nimport { FlagName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst FlagsLight: Record<FlagName, ComponentType<SVGAssetProps>> = {\n  australia: Australia,\n  brazil: Brazil,\n  canada: Canada,\n  'european-union': European_Union,\n  germany: Germany,\n  'great-britain': Great_Britain,\n  'hong-kong': Hong_Kong,\n  india: India,\n  indonesia: Indonesia,\n  ireland: Ireland,\n  israel: Israel,\n  japan: Japan,\n  netherlands: Netherlands,\n  singapore: Singapore,\n  'south-africa': South_Africa,\n  'south-korea': South_Korea,\n  sweden: Sweden,\n  switzerland: Switzerland,\n  'united-arab-emirates': United_Arab_Emirates,\n  'united-kingdom': United_Kingdom,\n  'united-states': United_States,\n};\n\nexport default FlagsLight;\n"],"names":["FlagsLight","australia","Australia","brazil","Brazil","canada","Canada","European_Union","germany","Germany","Great_Britain","Hong_Kong","india","India","indonesia","Indonesia","ireland","Ireland","israel","Israel","japan","Japan","netherlands","Netherlands","singapore","Singapore","South_Africa","South_Korea","sweden","Sweden","switzerland","Switzerland","United_Arab_Emirates","United_Kingdom","United_States"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,UAAAA,GAA6D;AAAA,EACjEC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,MAAAA,EAAQC,cAAAA;AAAAA,EACR,gBAAA,EAAkBC,qBAAAA;AAAAA,EAClBC,OAAAA,EAASC,eAAAA;AAAAA,EACT,eAAA,EAAiBC,oBAAAA;AAAAA,EACjB,WAAA,EAAaC,gBAAAA;AAAAA,EACbC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,eAAAA;AAAAA,EACTC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,WAAAA,EAAaC,mBAAAA;AAAAA,EACbC,SAAAA,EAAWC,iBAAAA;AAAAA,EACX,cAAA,EAAgBC,mBAAAA;AAAAA,EAChB,aAAA,EAAeC,kBAAAA;AAAAA,EACfC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,WAAAA,EAAaC,mBAAAA;AAAAA,EACb,sBAAA,EAAwBC,0BAAAA;AAAAA,EACxB,gBAAA,EAAkBC,qBAAAA;AAAAA,EAClB,eAAA,EAAiBC;AACnB;;;;"}
+{"version":3,"file":"FlagsDark.cjs","sources":["../../../../../../src/components/Assets/Flags/system/FlagsDark.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Australia from '../Australia';\nimport Brazil from '../Brazil';\nimport Canada from '../Canada';\nimport European_Union from '../European-Union';\nimport Germany from '../Germany';\nimport Great_Britain from '../Great-Britain';\nimport Hong_Kong from '../Hong-Kong';\nimport India from '../India';\nimport Indonesia from '../Indonesia';\nimport Ireland from '../Ireland';\nimport Israel from '../Israel';\nimport Japan from '../Japan';\nimport Netherlands from '../Netherlands';\nimport Singapore from '../Singapore';\nimport South_Africa from '../South-Africa';\nimport South_Korea from '../South-Korea';\nimport Sweden from '../Sweden';\nimport Switzerland from '../Switzerland';\nimport United_Arab_Emirates from '../United-Arab-Emirates';\nimport United_Kingdom from '../United-Kingdom';\nimport United_States from '../United-States';\nimport { FlagName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst FlagsDark: Record<FlagName, ComponentType<SVGAssetProps>> = {\n  australia: Australia,\n  brazil: Brazil,\n  canada: Canada,\n  'european-union': European_Union,\n  germany: Germany,\n  'great-britain': Great_Britain,\n  'hong-kong': Hong_Kong,\n  india: India,\n  indonesia: Indonesia,\n  ireland: Ireland,\n  israel: Israel,\n  japan: Japan,\n  netherlands: Netherlands,\n  singapore: Singapore,\n  'south-africa': South_Africa,\n  'south-korea': South_Korea,\n  sweden: Sweden,\n  switzerland: Switzerland,\n  'united-arab-emirates': United_Arab_Emirates,\n  'united-kingdom': United_Kingdom,\n  'united-states': United_States,\n};\n\nexport default FlagsDark;\n"],"names":["FlagsDark","australia","Australia","brazil","Brazil","canada","Canada","European_Union","germany","Germany","Great_Britain","Hong_Kong","india","India","indonesia","Indonesia","ireland","Ireland","israel","Israel","japan","Japan","netherlands","Netherlands","singapore","Singapore","South_Africa","South_Korea","sweden","Sweden","switzerland","Switzerland","United_Arab_Emirates","United_Kingdom","United_States"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,SAAAA,GAA4D;AAAA,EAChEC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,MAAAA,EAAQC,cAAAA;AAAAA,EACR,gBAAA,EAAkBC,qBAAAA;AAAAA,EAClBC,OAAAA,EAASC,eAAAA;AAAAA,EACT,eAAA,EAAiBC,oBAAAA;AAAAA,EACjB,WAAA,EAAaC,gBAAAA;AAAAA,EACbC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,eAAAA;AAAAA,EACTC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,WAAAA,EAAaC,mBAAAA;AAAAA,EACbC,SAAAA,EAAWC,iBAAAA;AAAAA,EACX,cAAA,EAAgBC,mBAAAA;AAAAA,EAChB,aAAA,EAAeC,kBAAAA;AAAAA,EACfC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,WAAAA,EAAaC,mBAAAA;AAAAA,EACb,sBAAA,EAAwBC,0BAAAA;AAAAA,EACxB,gBAAA,EAAkBC,qBAAAA;AAAAA,EAClB,eAAA,EAAiBC;AACnB;;;;"}

package/dist/cjs/components/Assets/Logos/system/Logo.cjs

@@ -6,16 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const styledComponents = require('styled-components');
 const theme_utils = require('../../../../theme/theme.utils.cjs');
 const SvgImageElement = require('../../../Icon/SvgImageElement.cjs');
+const config = require('../../config.cjs');
 const LogosDark = require('./LogosDark.cjs');
 const LogosLight = require('./LogosLight.cjs');
 
-const resolveLogoName = (name) => {
-  if (name === "c#") {
-    console.warn('Logo name "c#" is deprecated, use "c-sharp" instead');
-    return "c-sharp";
-  }
-  return name;
-};
+const resolveLogoName = config.createAssetResolver();
 const Logo = ({
   name,
   theme,
@@ -37,4 +32,5 @@ const Logo = ({
 Logo.displayName = "Logo";
 
 exports.Logo = Logo;
+exports.resolveLogoName = resolveLogoName;
 //# sourceMappingURL=Logo.cjs.map

package/dist/cjs/components/Assets/Logos/system/Logo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.cjs","sources":["../../../../../../src/components/Assets/Logos/system/Logo.tsx"],"sourcesContent":["import { SVGAttributes } from 'react';\nimport { useTheme } from 'styled-components';\nimport { getFallbackThemeName } from '@/theme/theme.utils';\nimport { SvgImageElement } from '@/components/Icon/SvgImageElement';\nimport { LogoName, LogoProps } from './types';\nimport LogosDark from './LogosDark';\nimport LogosLight from './LogosLight';\n\n// TODO: This is introducing complexity and more to maintain\n// might be best to just deprecate (break change) instead of\n// keeping deprecated names, it's small find and replace.\nconst resolveLogoName = (name: string): LogoName => {\n  if (name === 'c#') {\n    console.warn('Logo name \"c#\" is deprecated, use \"c-sharp\" instead');\n    return 'c-sharp' as LogoName;\n  }\n  return name as LogoName;\n};\n\nconst Logo = ({ name, theme, size, ...props }: LogoProps) => {\n  const { name: themeName } = useTheme();\n  const resolvedName = resolveLogoName(name);\n  const resolvedTheme = getFallbackThemeName(theme ?? themeName);\n  const Component =\n    resolvedTheme === 'light' ? LogosLight[resolvedName] : LogosDark[resolvedName];\n\n  if (!Component) {\n    return null;\n  }\n\n  const ThemedLogo = (svgProps: SVGAttributes<SVGElement>) => (\n    <Component\n      theme={resolvedTheme}\n      {...svgProps}\n    />\n  );\n\n  return (\n    <SvgImageElement\n      as={ThemedLogo}\n      $size={size}\n      role=\"img\"\n      aria-label={resolvedName}\n      {...props}\n    />\n  );\n};\n\nLogo.displayName = 'Logo';\n\nexport { Logo };\n"],"names":["resolveLogoName","name","console","warn","Logo","theme","size","props","themeName","useTheme","resolvedName","resolvedTheme","getFallbackThemeName","Component","LogosLight","LogosDark","ThemedLogo","svgProps","jsx","SvgImageElement","displayName"],"mappings":";;;;;;;;;;;AAWA,MAAMA,eAAAA,GAAkBA,CAACC,IAAAA,KAA2B;AAClD,EAAA,IAAIA,SAAS,IAAA,EAAM;AACjBC,IAAAA,OAAAA,CAAQC,KAAK,qDAAqD,CAAA;AAClE,IAAA,OAAO,SAAA;AAAA,EACT;AACA,EAAA,OAAOF,IAAAA;AACT,CAAA;AAEA,MAAMG,OAAOA,CAAC;AAAA,EAAEH,IAAAA;AAAAA,EAAMI,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAM,GAAGC;AAAiB,CAAA,KAAM;AAC3D,EAAA,MAAM;AAAA,IAAEN,IAAAA,EAAMO;AAAAA,MAAcC,yBAAAA,EAAS;AACrC,EAAA,MAAMC,YAAAA,GAAeV,gBAAgBC,IAAI,CAAA;AACzC,EAAA,MAAMU,aAAAA,GAAgBC,gCAAAA,CAAqBP,KAAAA,IAASG,SAAS,CAAA;AAC7D,EAAA,MAAMK,YACJF,aAAAA,KAAkB,OAAA,GAAUG,mBAAWJ,YAAY,CAAA,GAAIK,kBAAUL,YAAY,CAAA;AAE/E,EAAA,IAAI,CAACG,SAAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMG,UAAAA,GAAaA,CAACC,QAAAA,qBAClBC,cAAA,CAAC,aACC,KAAA,EAAOP,aAAAA,EACP,GAAIM,QAAAA,EAAS,CAAA;AAIjB,EAAA,uBACEC,cAAA,CAACC,+BAAA,EAAA,EACC,EAAA,EAAIH,UAAAA,EACJ,KAAA,EAAOV,IAAAA,EACP,IAAA,EAAK,KAAA,EACL,YAAA,EAAYI,YAAAA,EACZ,GAAIH,KAAAA,EAAM,CAAA;AAGhB;AAEAH,IAAAA,CAAKgB,WAAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Logo.cjs","sources":["../../../../../../src/components/Assets/Logos/system/Logo.tsx"],"sourcesContent":["import { SVGAttributes } from 'react';\nimport { useTheme } from 'styled-components';\nimport { getFallbackThemeName } from '@/theme/theme.utils';\nimport { SvgImageElement } from '@/components/Icon/SvgImageElement';\nimport { LogoName, LogoProps } from './types';\nimport {\n  createAssetResolver,\n  type AssetAlias,\n  type AssetDeprecatedName,\n} from '@/components/Assets/config';\nimport LogosDark from './LogosDark';\nimport LogosLight from './LogosLight';\n\nconst resolveLogoName = createAssetResolver<LogoName>();\n\nexport { resolveLogoName };\n\nexport interface LogoPropsWithAliases extends Omit<LogoProps, 'name'> {\n  name: LogoName | AssetAlias | AssetDeprecatedName;\n}\n\nconst Logo = ({ name, theme, size, ...props }: LogoPropsWithAliases) => {\n  const { name: themeName } = useTheme();\n  const resolvedName = resolveLogoName(name);\n  const resolvedTheme = getFallbackThemeName(theme ?? themeName);\n  const Component =\n    resolvedTheme === 'light' ? LogosLight[resolvedName] : LogosDark[resolvedName];\n\n  if (!Component) {\n    return null;\n  }\n\n  const ThemedLogo = (svgProps: SVGAttributes<SVGElement>) => (\n    <Component\n      theme={resolvedTheme}\n      {...svgProps}\n    />\n  );\n\n  return (\n    <SvgImageElement\n      as={ThemedLogo}\n      $size={size}\n      role=\"img\"\n      aria-label={resolvedName}\n      {...props}\n    />\n  );\n};\n\nLogo.displayName = 'Logo';\n\nexport { Logo };\n"],"names":["resolveLogoName","createAssetResolver","Logo","name","theme","size","props","themeName","useTheme","resolvedName","resolvedTheme","getFallbackThemeName","Component","LogosLight","LogosDark","ThemedLogo","svgProps","jsx","SvgImageElement","displayName"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,kBAAkBC,0BAAAA;AAQxB,MAAMC,OAAOA,CAAC;AAAA,EAAEC,IAAAA;AAAAA,EAAMC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAM,GAAGC;AAA4B,CAAA,KAAM;AACtE,EAAA,MAAM;AAAA,IAAEH,IAAAA,EAAMI;AAAAA,MAAcC,yBAAAA,EAAS;AACrC,EAAA,MAAMC,YAAAA,GAAeT,gBAAgBG,IAAI,CAAA;AACzC,EAAA,MAAMO,aAAAA,GAAgBC,gCAAAA,CAAqBP,KAAAA,IAASG,SAAS,CAAA;AAC7D,EAAA,MAAMK,YACJF,aAAAA,KAAkB,OAAA,GAAUG,mBAAWJ,YAAY,CAAA,GAAIK,kBAAUL,YAAY,CAAA;AAE/E,EAAA,IAAI,CAACG,SAAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMG,UAAAA,GAAaA,CAACC,QAAAA,qBAClBC,cAAA,CAAC,aACC,KAAA,EAAOP,aAAAA,EACP,GAAIM,QAAAA,EAAS,CAAA;AAIjB,EAAA,uBACEC,cAAA,CAACC,+BAAA,EAAA,EACC,EAAA,EAAIH,UAAAA,EACJ,KAAA,EAAOV,IAAAA,EACP,IAAA,EAAK,KAAA,EACL,YAAA,EAAYI,YAAAA,EACZ,GAAIH,KAAAA,EAAM,CAAA;AAGhB;AAEAJ,IAAAA,CAAKiB,WAAAA,GAAc,MAAA;;;;;"}

package/dist/cjs/components/Assets/Payments/{MasterCard.cjs → Mastercard.cjs}

@@ -4,7 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const jsxRuntime = require('react/jsx-runtime');
 
-const MasterCard = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 22, viewBox: "0 0 30 22", fill: "none", ...props, children: [
+const Mastercard = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 22, viewBox: "0 0 30 22", fill: "none", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_1333_9407)", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M27.2167 21.2619H2.7794C1.24433 21.2619 0 20.0176 0 18.4825V2.91807C0 1.383 1.24433 0.138672 2.7794 0.138672H27.2167C28.7517 0.138672 29.9961 1.383 29.9961 2.91807V18.4825C29.9961 20.0176 28.7517 21.2619 27.2167 21.2619Z", fill: "#36495D" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.517 6.17236H12.4775V15.2283H17.517V6.17236Z", fill: "#F16522" }),
@@ -14,5 +14,5 @@ const MasterCard = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "h
   /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_1333_9407", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "21.1384", fill: "white", transform: "translate(0 0.138184)" }) }) })
 ] });
 
-exports.default = MasterCard;
-//# sourceMappingURL=MasterCard.cjs.map
+exports.default = Mastercard;
+//# sourceMappingURL=Mastercard.cjs.map

package/dist/cjs/components/Assets/Payments/{MasterCard.cjs.map → Mastercard.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MasterCard.cjs","sources":["../../../../../src/components/Assets/Payments/MasterCard.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst MasterCard = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={22}\n    viewBox=\"0 0 30 22\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_1333_9407)\">\n      <path\n        d=\"M27.2167 21.2619H2.7794C1.24433 21.2619 0 20.0176 0 18.4825V2.91807C0 1.383 1.24433 0.138672 2.7794 0.138672H27.2167C28.7517 0.138672 29.9961 1.383 29.9961 2.91807V18.4825C29.9961 20.0176 28.7517 21.2619 27.2167 21.2619Z\"\n        fill=\"#36495D\"\n      />\n      <path\n        d=\"M17.517 6.17236H12.4775V15.2283H17.517V6.17236Z\"\n        fill=\"#F16522\"\n      />\n      <path\n        d=\"M12.7983 10.7003C12.7983 8.86315 13.6586 7.22699 14.998 6.17241C14.0182 5.40101 12.7823 4.94092 11.4387 4.94092C8.25799 4.94092 5.67969 7.5196 5.67969 10.7003C5.67969 13.881 8.25799 16.4597 11.4387 16.4597C12.7823 16.4597 14.0182 15.9996 14.998 15.2283C13.6586 14.1736 12.7983 12.5375 12.7983 10.7003Z\"\n        fill=\"#E41B24\"\n      />\n      <path\n        d=\"M24.1363 14.269V14.0457H24.0778L24.0108 14.1994L23.9438 14.0457H23.8853V14.269H23.9262V14.1003L23.9892 14.2459H24.032L24.095 14.1V14.269H24.1363ZM23.7665 14.269V14.0836H23.8414V14.0459H23.6509V14.0836H23.7256V14.269H23.7665ZM24.316 10.7C24.316 13.881 21.7377 16.4594 18.557 16.4594C17.2134 16.4594 15.9775 15.9992 14.998 15.2279C16.3375 14.1736 17.1974 12.5372 17.1974 10.7C17.1974 8.86279 16.3375 7.22672 14.998 6.17203C15.9775 5.40112 17.2134 4.94092 18.557 4.94092C21.7377 4.94092 24.316 7.51933 24.316 10.7Z\"\n        fill=\"#F89E1C\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1333_9407\">\n        <rect\n          width=\"30\"\n          height=\"21.1384\"\n          fill=\"white\"\n          transform=\"translate(0 0.138184)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default MasterCard;\n"],"names":["MasterCard","props","jsxs","jsx"],"mappings":";;;;;;AAEA,MAAMA,aAAaA,CAACC,KAAAA,qBAClBC,eAAA,CAAC,KAAA,EAAA,EACC,OAAM,4BAAA,EACN,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,IACR,OAAA,EAAQ,WAAA,EACR,IAAA,EAAK,MAAA,EACL,GAAID,KAAAA,EAEJ,QAAA,EAAA;AAAA,kBAAAC,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,uBAAA,EACV,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,8NAAA,EACF,IAAA,EAAK,SAAA,EAAS,CAAA;AAAA,oBAEhBA,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,iDAAA,EACF,MAAK,SAAA,EAAS,CAAA;AAAA,oBAEhBA,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,+SAAA,EACF,MAAK,SAAA,EAAS,CAAA;AAAA,oBAEhBA,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,igBAAA,EACF,MAAK,SAAA,EAAS;AAAA,GAAA,EAElB,CAAA;AAAA,iCACC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAG,mBACX,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EACC,KAAA,EAAM,IAAA,EACN,QAAO,SAAA,EACP,IAAA,EAAK,SACL,SAAA,EAAU,uBAAA,EAAuB,GAErC,CAAA,EACF;AAAA,CAAA,EACF;;;;"}
+{"version":3,"file":"Mastercard.cjs","sources":["../../../../../src/components/Assets/Payments/Mastercard.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Mastercard = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={22}\n    viewBox=\"0 0 30 22\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_1333_9407)\">\n      <path\n        d=\"M27.2167 21.2619H2.7794C1.24433 21.2619 0 20.0176 0 18.4825V2.91807C0 1.383 1.24433 0.138672 2.7794 0.138672H27.2167C28.7517 0.138672 29.9961 1.383 29.9961 2.91807V18.4825C29.9961 20.0176 28.7517 21.2619 27.2167 21.2619Z\"\n        fill=\"#36495D\"\n      />\n      <path\n        d=\"M17.517 6.17236H12.4775V15.2283H17.517V6.17236Z\"\n        fill=\"#F16522\"\n      />\n      <path\n        d=\"M12.7983 10.7003C12.7983 8.86315 13.6586 7.22699 14.998 6.17241C14.0182 5.40101 12.7823 4.94092 11.4387 4.94092C8.25799 4.94092 5.67969 7.5196 5.67969 10.7003C5.67969 13.881 8.25799 16.4597 11.4387 16.4597C12.7823 16.4597 14.0182 15.9996 14.998 15.2283C13.6586 14.1736 12.7983 12.5375 12.7983 10.7003Z\"\n        fill=\"#E41B24\"\n      />\n      <path\n        d=\"M24.1363 14.269V14.0457H24.0778L24.0108 14.1994L23.9438 14.0457H23.8853V14.269H23.9262V14.1003L23.9892 14.2459H24.032L24.095 14.1V14.269H24.1363ZM23.7665 14.269V14.0836H23.8414V14.0459H23.6509V14.0836H23.7256V14.269H23.7665ZM24.316 10.7C24.316 13.881 21.7377 16.4594 18.557 16.4594C17.2134 16.4594 15.9775 15.9992 14.998 15.2279C16.3375 14.1736 17.1974 12.5372 17.1974 10.7C17.1974 8.86279 16.3375 7.22672 14.998 6.17203C15.9775 5.40112 17.2134 4.94092 18.557 4.94092C21.7377 4.94092 24.316 7.51933 24.316 10.7Z\"\n        fill=\"#F89E1C\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1333_9407\">\n        <rect\n          width=\"30\"\n          height=\"21.1384\"\n          fill=\"white\"\n          transform=\"translate(0 0.138184)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default Mastercard;\n"],"names":["Mastercard","props","jsxs","jsx"],"mappings":";;;;;;AAEA,MAAMA,aAAaA,CAACC,KAAAA,qBAClBC,eAAA,CAAC,KAAA,EAAA,EACC,OAAM,4BAAA,EACN,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,IACR,OAAA,EAAQ,WAAA,EACR,IAAA,EAAK,MAAA,EACL,GAAID,KAAAA,EAEJ,QAAA,EAAA;AAAA,kBAAAC,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,uBAAA,EACV,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,8NAAA,EACF,IAAA,EAAK,SAAA,EAAS,CAAA;AAAA,oBAEhBA,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,iDAAA,EACF,MAAK,SAAA,EAAS,CAAA;AAAA,oBAEhBA,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,+SAAA,EACF,MAAK,SAAA,EAAS,CAAA;AAAA,oBAEhBA,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,igBAAA,EACF,MAAK,SAAA,EAAS;AAAA,GAAA,EAElB,CAAA;AAAA,iCACC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAG,mBACX,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EACC,KAAA,EAAM,IAAA,EACN,QAAO,SAAA,EACP,IAAA,EAAK,SACL,SAAA,EAAU,uBAAA,EAAuB,GAErC,CAAA,EACF;AAAA,CAAA,EACF;;;;"}

package/dist/cjs/components/Assets/Payments/system/Payment.cjs

@@ -6,9 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const styledComponents = require('styled-components');
 const theme_utils = require('../../../../theme/theme.utils.cjs');
 const SvgImageElement = require('../../../Icon/SvgImageElement.cjs');
+const config = require('../../config.cjs');
 const PaymentsDark = require('./PaymentsDark.cjs');
 const PaymentsLight = require('./PaymentsLight.cjs');
 
+const resolvePaymentName = config.createAssetResolver();
 const Payment = ({
   name,
   theme,
@@ -18,15 +20,17 @@ const Payment = ({
   const {
     name: themeName
   } = styledComponents.useTheme();
+  const resolvedName = resolvePaymentName(name);
   const resolvedTheme = theme_utils.getFallbackThemeName(theme ?? themeName);
-  const Component = resolvedTheme === "light" ? PaymentsLight.default[name] : PaymentsDark.default[name];
+  const Component = resolvedTheme === "light" ? PaymentsLight.default[resolvedName] : PaymentsDark.default[resolvedName];
   if (!Component) {
     return null;
   }
   const ThemedPayment = (svgProps) => /* @__PURE__ */ jsxRuntime.jsx(Component, { theme: resolvedTheme, ...svgProps });
-  return /* @__PURE__ */ jsxRuntime.jsx(SvgImageElement.SvgImageElement, { as: ThemedPayment, $size: size, role: "img", "aria-label": name, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(SvgImageElement.SvgImageElement, { as: ThemedPayment, $size: size, role: "img", "aria-label": resolvedName, ...props });
 };
 Payment.displayName = "Payment";
 
 exports.Payment = Payment;
+exports.resolvePaymentName = resolvePaymentName;
 //# sourceMappingURL=Payment.cjs.map

package/dist/cjs/components/Assets/Payments/system/Payment.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Payment.cjs","sources":["../../../../../../src/components/Assets/Payments/system/Payment.tsx"],"sourcesContent":["import { SVGAttributes } from 'react';\nimport { useTheme } from 'styled-components';\nimport { getFallbackThemeName } from '@/theme/theme.utils';\nimport { SvgImageElement } from '@/components/Icon/SvgImageElement';\nimport { PaymentProps } from './types';\nimport PaymentsDark from './PaymentsDark';\nimport PaymentsLight from './PaymentsLight';\n\nconst Payment = ({ name, theme, size, ...props }: PaymentProps) => {\n  const { name: themeName } = useTheme();\n  const resolvedTheme = getFallbackThemeName(theme ?? themeName);\n  const Component = resolvedTheme === 'light' ? PaymentsLight[name] : PaymentsDark[name];\n\n  if (!Component) {\n    return null;\n  }\n\n  const ThemedPayment = (svgProps: SVGAttributes<SVGElement>) => (\n    <Component\n      theme={resolvedTheme}\n      {...svgProps}\n    />\n  );\n\n  return (\n    <SvgImageElement\n      as={ThemedPayment}\n      $size={size}\n      role=\"img\"\n      aria-label={name}\n      {...props}\n    />\n  );\n};\n\nPayment.displayName = 'Payment';\n\nexport { Payment };\n"],"names":["Payment","name","theme","size","props","themeName","useTheme","resolvedTheme","getFallbackThemeName","Component","PaymentsLight","PaymentsDark","ThemedPayment","svgProps","jsx","SvgImageElement","displayName"],"mappings":";;;;;;;;;;;AAQA,MAAMA,UAAUA,CAAC;AAAA,EAAEC,IAAAA;AAAAA,EAAMC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAM,GAAGC;AAAoB,CAAA,KAAM;AACjE,EAAA,MAAM;AAAA,IAAEH,IAAAA,EAAMI;AAAAA,MAAcC,yBAAAA,EAAS;AACrC,EAAA,MAAMC,aAAAA,GAAgBC,gCAAAA,CAAqBN,KAAAA,IAASG,SAAS,CAAA;AAC7D,EAAA,MAAMI,YAAYF,aAAAA,KAAkB,OAAA,GAAUG,sBAAcT,IAAI,CAAA,GAAIU,qBAAaV,IAAI,CAAA;AAErF,EAAA,IAAI,CAACQ,SAAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMG,aAAAA,GAAgBA,CAACC,QAAAA,qBACrBC,cAAA,CAAC,aACC,KAAA,EAAOP,aAAAA,EACP,GAAIM,QAAAA,EAAS,CAAA;AAIjB,EAAA,uBACEC,cAAA,CAACC,+BAAA,EAAA,EACC,EAAA,EAAIH,aAAAA,EACJ,KAAA,EAAOT,IAAAA,EACP,IAAA,EAAK,KAAA,EACL,YAAA,EAAYF,IAAAA,EACZ,GAAIG,KAAAA,EAAM,CAAA;AAGhB;AAEAJ,OAAAA,CAAQgB,WAAAA,GAAc,SAAA;;;;"}
+{"version":3,"file":"Payment.cjs","sources":["../../../../../../src/components/Assets/Payments/system/Payment.tsx"],"sourcesContent":["import { SVGAttributes } from 'react';\nimport { useTheme } from 'styled-components';\nimport { getFallbackThemeName } from '@/theme/theme.utils';\nimport { SvgImageElement } from '@/components/Icon/SvgImageElement';\nimport { PaymentName, PaymentProps } from './types';\nimport {\n  createAssetResolver,\n  type AssetAlias,\n  type AssetDeprecatedName,\n} from '@/components/Assets/config';\nimport PaymentsDark from './PaymentsDark';\nimport PaymentsLight from './PaymentsLight';\n\nconst resolvePaymentName = createAssetResolver<PaymentName>();\n\nexport { resolvePaymentName };\n\nexport interface PaymentPropsWithAliases extends Omit<PaymentProps, 'name'> {\n  name: PaymentName | AssetAlias | AssetDeprecatedName;\n}\n\nconst Payment = ({ name, theme, size, ...props }: PaymentPropsWithAliases) => {\n  const { name: themeName } = useTheme();\n  const resolvedName = resolvePaymentName(name);\n  const resolvedTheme = getFallbackThemeName(theme ?? themeName);\n  const Component =\n    resolvedTheme === 'light' ? PaymentsLight[resolvedName] : PaymentsDark[resolvedName];\n\n  if (!Component) {\n    return null;\n  }\n\n  const ThemedPayment = (svgProps: SVGAttributes<SVGElement>) => (\n    <Component\n      theme={resolvedTheme}\n      {...svgProps}\n    />\n  );\n\n  return (\n    <SvgImageElement\n      as={ThemedPayment}\n      $size={size}\n      role=\"img\"\n      aria-label={resolvedName}\n      {...props}\n    />\n  );\n};\n\nPayment.displayName = 'Payment';\n\nexport { Payment };\n"],"names":["resolvePaymentName","createAssetResolver","Payment","name","theme","size","props","themeName","useTheme","resolvedName","resolvedTheme","getFallbackThemeName","Component","PaymentsLight","PaymentsDark","ThemedPayment","svgProps","jsx","SvgImageElement","displayName"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,qBAAqBC,0BAAAA;AAQ3B,MAAMC,UAAUA,CAAC;AAAA,EAAEC,IAAAA;AAAAA,EAAMC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAM,GAAGC;AAA+B,CAAA,KAAM;AAC5E,EAAA,MAAM;AAAA,IAAEH,IAAAA,EAAMI;AAAAA,MAAcC,yBAAAA,EAAS;AACrC,EAAA,MAAMC,YAAAA,GAAeT,mBAAmBG,IAAI,CAAA;AAC5C,EAAA,MAAMO,aAAAA,GAAgBC,gCAAAA,CAAqBP,KAAAA,IAASG,SAAS,CAAA;AAC7D,EAAA,MAAMK,YACJF,aAAAA,KAAkB,OAAA,GAAUG,sBAAcJ,YAAY,CAAA,GAAIK,qBAAaL,YAAY,CAAA;AAErF,EAAA,IAAI,CAACG,SAAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMG,aAAAA,GAAgBA,CAACC,QAAAA,qBACrBC,cAAA,CAAC,aACC,KAAA,EAAOP,aAAAA,EACP,GAAIM,QAAAA,EAAS,CAAA;AAIjB,EAAA,uBACEC,cAAA,CAACC,+BAAA,EAAA,EACC,EAAA,EAAIH,aAAAA,EACJ,KAAA,EAAOV,IAAAA,EACP,IAAA,EAAK,KAAA,EACL,YAAA,EAAYI,YAAAA,EACZ,GAAIH,KAAAA,EAAM,CAAA;AAGhB;AAEAJ,OAAAA,CAAQiB,WAAAA,GAAc,SAAA;;;;;"}

package/dist/cjs/components/Assets/Payments/system/PaymentsDark.cjs

@@ -3,13 +3,13 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const Amex = require('../Amex.cjs');
-const MasterCard = require('../MasterCard.cjs');
+const Mastercard = require('../Mastercard.cjs');
 const Paypal = require('../Paypal.cjs');
 const Visa = require('../Visa.cjs');
 
 const PaymentsDark = {
   amex: Amex.default,
-  mastercard: MasterCard.default,
+  mastercard: Mastercard.default,
   paypal: Paypal.default,
   visa: Visa.default
 };

package/dist/cjs/components/Assets/Payments/system/PaymentsDark.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsDark.cjs","sources":["../../../../../../src/components/Assets/Payments/system/PaymentsDark.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Amex from '../Amex';\nimport MasterCard from '../MasterCard';\nimport Paypal from '../Paypal';\nimport Visa from '../Visa';\nimport { PaymentName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst PaymentsDark: Record<PaymentName, ComponentType<SVGAssetProps>> = {\n  amex: Amex,\n  mastercard: MasterCard,\n  paypal: Paypal,\n  visa: Visa,\n};\n\nexport default PaymentsDark;\n"],"names":["PaymentsDark","amex","Amex","mastercard","MasterCard","paypal","Paypal","visa","Visa"],"mappings":";;;;;;;;;AAeA,MAAMA,YAAAA,GAAkE;AAAA,EACtEC,IAAAA,EAAMC,YAAAA;AAAAA,EACNC,UAAAA,EAAYC,kBAAAA;AAAAA,EACZC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,IAAAA,EAAMC;AACR;;;;"}
+{"version":3,"file":"PaymentsDark.cjs","sources":["../../../../../../src/components/Assets/Payments/system/PaymentsDark.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Amex from '../Amex';\nimport Mastercard from '../Mastercard';\nimport Paypal from '../Paypal';\nimport Visa from '../Visa';\nimport { PaymentName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst PaymentsDark: Record<PaymentName, ComponentType<SVGAssetProps>> = {\n  amex: Amex,\n  mastercard: Mastercard,\n  paypal: Paypal,\n  visa: Visa,\n};\n\nexport default PaymentsDark;\n"],"names":["PaymentsDark","amex","Amex","mastercard","Mastercard","paypal","Paypal","visa","Visa"],"mappings":";;;;;;;;;AAeA,MAAMA,YAAAA,GAAkE;AAAA,EACtEC,IAAAA,EAAMC,YAAAA;AAAAA,EACNC,UAAAA,EAAYC,kBAAAA;AAAAA,EACZC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,IAAAA,EAAMC;AACR;;;;"}

package/dist/cjs/components/Assets/Payments/system/PaymentsLight.cjs

@@ -3,13 +3,13 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const Amex = require('../Amex.cjs');
-const MasterCard = require('../MasterCard.cjs');
+const Mastercard = require('../Mastercard.cjs');
 const Paypal = require('../Paypal.cjs');
 const Visa = require('../Visa.cjs');
 
 const PaymentsLight = {
   amex: Amex.default,
-  mastercard: MasterCard.default,
+  mastercard: Mastercard.default,
   paypal: Paypal.default,
   visa: Visa.default
 };

package/dist/cjs/components/Assets/Payments/system/PaymentsLight.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsLight.cjs","sources":["../../../../../../src/components/Assets/Payments/system/PaymentsLight.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Amex from '../Amex';\nimport MasterCard from '../MasterCard';\nimport Paypal from '../Paypal';\nimport Visa from '../Visa';\nimport { PaymentName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst PaymentsLight: Record<PaymentName, ComponentType<SVGAssetProps>> = {\n  amex: Amex,\n  mastercard: MasterCard,\n  paypal: Paypal,\n  visa: Visa,\n};\n\nexport default PaymentsLight;\n"],"names":["PaymentsLight","amex","Amex","mastercard","MasterCard","paypal","Paypal","visa","Visa"],"mappings":";;;;;;;;;AAeA,MAAMA,aAAAA,GAAmE;AAAA,EACvEC,IAAAA,EAAMC,YAAAA;AAAAA,EACNC,UAAAA,EAAYC,kBAAAA;AAAAA,EACZC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,IAAAA,EAAMC;AACR;;;;"}
+{"version":3,"file":"PaymentsLight.cjs","sources":["../../../../../../src/components/Assets/Payments/system/PaymentsLight.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Amex from '../Amex';\nimport Mastercard from '../Mastercard';\nimport Paypal from '../Paypal';\nimport Visa from '../Visa';\nimport { PaymentName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst PaymentsLight: Record<PaymentName, ComponentType<SVGAssetProps>> = {\n  amex: Amex,\n  mastercard: Mastercard,\n  paypal: Paypal,\n  visa: Visa,\n};\n\nexport default PaymentsLight;\n"],"names":["PaymentsLight","amex","Amex","mastercard","Mastercard","paypal","Paypal","visa","Visa"],"mappings":";;;;;;;;;AAeA,MAAMA,aAAAA,GAAmE;AAAA,EACvEC,IAAAA,EAAMC,YAAAA;AAAAA,EACNC,UAAAA,EAAYC,kBAAAA;AAAAA,EACZC,MAAAA,EAAQC,cAAAA;AAAAA,EACRC,IAAAA,EAAMC;AACR;;;;"}