@clickhouse/click-ui 0.1.0-rc.70 → 0.1.0-rc.72

package/README.md

@@ -22,6 +22,7 @@ You can find the official docs for the Click UI design system and component libr
 * [Development](#development)
   - [Generating design tokens](#generating-design-tokens)
   - [Local development](#local-development)
+  - [Circular dependency check](#circular-dependency-check)
 * [Tests](#Tests)
   - [Functional tests](#functional-tests)
   - [Visual regression tests](#visual-regression-tests)
@@ -31,8 +32,13 @@ You can find the official docs for the Click UI design system and component libr
 * [Distribution](#distribution)
   - [Build](#build)
   - [Use Click UI](#use-click-ui)
-  - [Deep imports support](#deep-imports-support)
+  - [Component-level imports](#component-level-imports)
+  - [Public API](#public-api)
   - [Examples](#examples)
+* [Themes](#themes)
+  - [Prevent theme flash](#prevent-theme-flash)
+  - [Theme Persistence](#theme-persistence)
+  - [Custom styling with CSS](#custom-styling-with-css)
 * [Assets Management](#assets-management)
   - [Convert SVG to React Component](#convert-svg-to-react-component)
 * [Changesets](#changesets)
@@ -48,6 +54,7 @@ You can find the official docs for the Click UI design system and component libr
   - [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)
 
 ## Requirements
@@ -90,6 +97,16 @@ After cloning the repository change to the work directory and install the depend
 yarn
 ```
 
+### Circular dependency check
+
+Check for circular dependencies that can cause build and runtime issues:
+
+```sh
+yarn circular-dependency:check
+```
+
+If circular dependencies are found it'll exit with a report showing the affeced files which require your attention.
+
 ### Generating design tokens
 
 Tokens are provided by a style directionary sourced from [tokens-studio](https://tokens.studio/).
@@ -311,17 +328,65 @@ export default () => {
 
 To learn more about individual components, visit [Click UI components](https://clickhouse.design/click-ui).
 
-### Deep imports support
+### Component-level imports
+
+Components can be imported directly by name, providing a succinct import syntax.
+
+```ts
+import { Button } from '@clickhouse/click-ui/Button';
+```
 
-Deep imports are supported, you can import directly from path.
+The exports map is auto-generated from the public API defined in `src/index.ts`, learn to manage by reading the [Public API](#public-api) section.
 
 > [!WARNING]
-> At time of writing, there are components that consume from theme provider, which means that these will fail when unwrapped. This will change in future versions.
+> Some components depend on the theme provider. These will fail if used outside of `ClickUIProvider`. In next versions, this will change and consumer apps will have the ability to use them without the provider wrapping.
+
+### Public API
+
+The public API is controlled through the main barrel file at `src/index.ts`. This file serves as the single source of truth for all components, types, and utilities exported by the package.
+
+> [!NOTE]
+> The `generate:exports` script uses the TypeScript Compiler API to parse `src/index.ts` directly and extract only the components that are explicitly exported. This ensures that only public API components get subpath exports in `package.json`, while internal components remain inaccessible via direct imports.
+
+Maintainers can add or remove components from the public API by updating the exports in this file. Each export should include both the component and its associated types to ensure consumers have full type support.
+
+Here's an example of `src/index.ts`:
 
 ```ts
-import { Button } from '@clickhouse/click-ui/Button';
+// Adding a new component to the public API
+export { Button } from './components/Button';
+export type { ButtonProps } from './components/Button';
+
+// Removing a component (simply delete)
+```
+
+After, you must run the `generate:exports` to update the component-level exports in the package.json file:
+
+```sh
+yarn generate:exports
 ```
 
+Once complete, commit your changes.
+
+#### Breaking change support
+
+When introducing breaking changes or deprecating types, maintainers can provide retroactive support by creating custom type aliases. This allows consumers to migrate gradually while maintaining backwards compatibility.
+
+```ts
+// Backwards compatibility: export legacy type name
+// that maps to the new type
+export type { NewComponentProps as LegacyComponentProps } from './components/NewComponent';
+
+// Or create a custom type for transition periods
+export type DeprecatedProps = NewProps & {
+  /** @deprecated Use `newProp` instead */
+  oldProp?: string;
+};
+```
+
+> [!NOTE]
+> When deprecating types or components, consider adding JSDoc `@deprecated` annotations to guide consumers towards the updated API. This provides clear migration paths and IDE warnings.
+
 ### Examples
 
 Here's a quick copy and paste NextJS example with interactive components you can play:
@@ -354,6 +419,98 @@ function App() {
 export default App
 ```
 
+## Themes
+
+Theming allows the end-user to select its preferred colour theme. You are responsible for managing your own theme state. Use your preferred state management solution (React state, Zustand, Redux, Context, etc.) and pass the current theme to the provider.
+
+> [!NOTE]
+> Currently, styling is done with css-in-js which might cause some flash since it has to compute the theme and apply it. We'll be moving from styled-components and this shall be changed and improved.
+
+### Prevent theme flash
+
+To prevent flash of incorrect theme, import the `InitCUIThemeScript` component and place it in the `<head>` of your HTML.
+
+The script reads the theme from localStorage and applies it immediately before React hydration to prevent flashing.
+
+```ts
+import { InitCUIThemeScript } from '@clickhouse/click-ui';
+```
+
+Simple usage (no props needed):
+
+```jsx
+<html>
+  <head>
+    <InitCUIThemeScript />
+  </head>
+  <body>
+    <ClickUIProvider theme={theme} persistTheme>
+      {children}
+    </ClickUIProvider>
+  </body>
+</html>
+```
+
+> [!NOTE]
+> On initial load, the component `InitCUIThemeScript` reads localStorage and applies the theme immediately before React hydration. When the theme changes the ClickUIProvider stores the new theme to localStorage (persistTheme must be enabled). Finally, when page loads/refreshes the process reads from the stored theme from localStorage.
+
+The process will check localStorage for a theme, e.g. in the key `cui-theme` and apply it immediately preventing flashing. Otherwise, if nothing's stored it'll fallback to the default value `light`.
+
+> [!IMPORTANT]
+> If you'd like to override the theme fallback when localStorage is empty, you can do it by setting a value for property `defaultTheme`, e.g. `dark`.
+
+### Theme Persistence
+
+To enable theme persistence across page reloads, enable `persistTheme` (default: `true`). The provider will automatically save theme changes to localStorage.
+
+Notice that we manage theme state in the consumer side:
+
+```tsx
+import { ClickUIProvider } from '@clickhouse/click-ui';
+import { useState } from 'react';
+
+export const App = () => {
+  const [theme, setTheme] = useState<'dark' | 'light'>('dark');
+
+  return (
+    <ClickUIProvider 
+      theme={theme}
+      persistTheme
+    >
+      <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>
+        Switch to {theme === 'dark' ? 'Light' : 'Dark'} Mode
+      </button>
+    </ClickUIProvider>
+  );
+};
+```
+
+> [!TIP]
+> An example of NextJS with Server Side Rendering (SSR) is available [here](/docs/examples/nextjs-app-router-with-ssr.md), where you can see how the root `data-cui-theme` is handled.
+
+### Custom Styling with CSS
+
+The `InitCUIThemeScript` applies a `data-cui-theme` attribute to the root `<html>` element, allowing you to style custom elements with vanilla CSS.
+
+For example, edit your consumer app `stylesheet` and introduce custom styles as follows:
+
+```css
+[data-cui-theme="light"] {
+  --my-app-bg: #ffffff;
+  --my-app-text: #1a1a1a;
+}
+
+[data-cui-theme="dark"] {
+  --my-app-bg: #0a0a0a;
+  --my-app-text: #f5f5f5;
+}
+
+.my-custom-component {
+  background: var(--my-app-bg);
+  color: var(--my-app-text);
+}
+```
+
 ## Assets management
 
 The Click UI has image asset files, such as Flags, Icons, Logos and Payments.
@@ -502,6 +659,25 @@ Here's what changes in package.json:
 ```
 Always include a changeset to ensure each promotion reflects real, trackable changes.
 
+### Component RFC
+
+To propose a new component, open an RFC using the [Component RFC template](https://github.com/ClickHouse/click-ui/compare/main...branchName?template=component_rfc.md).
+
+> [!NOTE]
+> Replace the <branchName> in the Component RFC template URL by your branch name.
+
+For example, to open a Component RFC for branch name `feat/slider`, you'd open the URL:
+
+```sh
+https://github.com/ClickHouse/click-ui/compare/main...feat/slider?template=component_rfc.md
+```
+
+For GitHub CLI users:
+
+```sh
+gh pr create --template component_rfc.md
+```
+
 ### Conventional commits
 
 We prefer to commit our work following [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0) conventions. Conventional Commits are a simple way to write commit messages that both people and computers can understand. It help us keep track fo changes in a consistent manner, making it easier to see what was added, changed, or fixed in each commit or update.

package/dist/cjs/components/Accordion/{Accordion.cjs → index.cjs}

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const RadixAccordion = require('@radix-ui/react-accordion');
 const styledComponents = require('styled-components');
-const Icon = require('../Icon/Icon.cjs');
-const Spacer = require('../Spacer/Spacer.cjs');
-const Text = require('../Typography/Text/Text.cjs');
+const Icon = require('../Icon/index.cjs');
+const Text = require('../Typography/Text/index.cjs');
+const Spacer = require('../Spacer/index.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -100,4 +100,4 @@ const AccordionToExport = styledComponents.styled(Accordion).withConfig({
 })([""]);
 
 exports.Accordion = AccordionToExport;
-//# sourceMappingURL=Accordion.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Accordion/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as RadixAccordion from '@radix-ui/react-accordion';\nimport { styled } from 'styled-components';\nimport { Icon } from '@/components/Icon';\nimport { Spacer } from '@/components/Spacer';\nimport { Text } from '@/components/Typography';\nimport { AccordionProps, Size, Color } from './Accordion.types';\n\nconst Accordion = ({\n  title,\n  size = 'md',\n  color,\n  icon,\n  iconSize,\n  gap,\n  children,\n  fillWidth = false,\n  ...delegated\n}: AccordionProps) => (\n  <AccordionRoot\n    type=\"single\"\n    collapsible\n    $fillWidth={fillWidth}\n    {...delegated}\n  >\n    <RadixAccordion.Item value=\"item\">\n      <AccordionTrigger\n        $size={size}\n        color={color}\n        $fillWidth={fillWidth}\n      >\n        <AccordionIconsWrapper>\n          <AccordionIconWrapper>\n            <Icon\n              name=\"chevron-right\"\n              size={iconSize || size}\n              aria-label=\"accordion icon\"\n            />\n          </AccordionIconWrapper>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSize || size}\n            />\n          ) : null}\n        </AccordionIconsWrapper>\n        <Text\n          component=\"div\"\n          size={size}\n          fillWidth={fillWidth}\n        >\n          {title}\n        </Text>\n      </AccordionTrigger>\n      <AccordionContent>\n        <Spacer size={gap} />\n        {children}\n      </AccordionContent>\n    </RadixAccordion.Item>\n  </AccordionRoot>\n);\n\nconst AccordionRoot = styled(RadixAccordion.Root)<{\n  $fillWidth: boolean;\n}>`\n  ${({ $fillWidth }) => $fillWidth && 'width: 100%'};\n`;\n\nconst AccordionTrigger = styled(RadixAccordion.Trigger)<{\n  $size?: Size;\n  color?: Color;\n  $fillWidth: boolean;\n}>`\n  border: none;\n  padding: 0;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  ${({ theme, $size = 'md', color = 'default' }) => `\n    gap: ${theme.click.accordion[$size].space.gap};\n    color: ${theme.click.accordion.color[color].label.default};\n    font: ${theme.click.accordion[$size].typography.label.default};\n\n    &:active {\n      color: ${theme.click.accordion.color[color].label.active};\n      font: ${theme.click.accordion[$size].typography.label.active};\n    }\n\n    &:hover {\n      color: ${theme.click.accordion.color[color].label.hover};\n      font: ${theme.click.accordion[$size].typography.label.hover};\n      cursor: pointer;\n    }\n  `}\n  ${({ $fillWidth }) => $fillWidth && 'width: 100%'};\n`;\n\nconst AccordionIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 200ms cubic-bezier(0.87, 0, 0.13, 1);\n\n  ${AccordionTrigger}[data-state='open'] & {\n    transform: rotate(90deg);\n  }\n`;\nconst AccordionIconsWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst AccordionContent = styled(RadixAccordion.Content)``;\n\nconst SidebarAccordion = styled(Accordion)`\n  ${AccordionTrigger} {\n    gap: ${({ theme }) => theme.click.sidebar.navigation.item.default.space.gap};\n  }\n  p {\n    margin: 0;\n  }\n\n  ${AccordionIconWrapper} {\n    visibility: hidden;\n  }\n\n  &:hover ${AccordionIconWrapper} {\n    visibility: revert;\n  }\n  &:active ${AccordionIconWrapper} {\n    visibility: revert;\n  }\n\n  ${AccordionTrigger}[data-state='open'] ${AccordionIconWrapper} {\n    visibility: revert;\n  }\n`;\n// This allows the Accordion to be referenced inside other\n// components css\nconst AccordionToExport = styled(Accordion)``;\nexport { AccordionToExport as Accordion, SidebarAccordion };\n"],"names":["Accordion","title","size","color","icon","iconSize","gap","children","fillWidth","delegated","jsx","jsxs","RadixAccordion","Icon","Text","Spacer","AccordionRoot","styled","Root","withConfig","componentId","$fillWidth","AccordionTrigger","Trigger","theme","$size","click","accordion","space","label","default","typography","active","hover","AccordionIconWrapper","div","AccordionIconsWrapper","AccordionContent","Content","sidebar","navigation","item","AccordionToExport"],"mappings":"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"}

package/dist/cjs/components/Alert/{Alert.cjs → index.cjs}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Icon = require('../Icon/Icon.cjs');
 const react = require('react');
 const styledComponents = require('styled-components');
+const Icon = require('../Icon/index.cjs');
 
 const stateIconMap = {
   neutral: "information",
@@ -112,4 +112,4 @@ exports.DangerAlert = DangerAlert;
 exports.InfoAlert = InfoAlert;
 exports.SuccessAlert = SuccessAlert;
 exports.WarningAlert = WarningAlert;
-//# sourceMappingURL=Alert.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Alert/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Icon, type IconName } from '@/components/Icon';\nimport { useState, useCallback } from 'react';\nimport { styled } from 'styled-components';\nimport { AlertProps } from './Alert.types';\n\ntype AlertType = 'default' | 'banner';\ntype AlertSize = 'small' | 'medium';\ntype AlertState = 'neutral' | 'success' | 'warning' | 'danger' | 'info';\n\nconst stateIconMap: Record<AlertState, IconName> = {\n  neutral: 'information',\n  success: 'check',\n  warning: 'warning',\n  danger: 'warning',\n  info: 'information',\n};\n\nexport const Alert = ({\n  text,\n  title = '',\n  size = 'small',\n  state = 'neutral',\n  type = 'default',\n  showIcon = true,\n  dismissible,\n  onDismiss,\n  customIcon,\n  ...delegated\n}: AlertProps) => {\n  const [isVisible, setIsVisible] = useState(true);\n\n  const handleDismiss = useCallback(() => {\n    setIsVisible(false);\n    onDismiss?.();\n  }, [onDismiss]);\n\n  return isVisible ? (\n    <Wrapper\n      $size={size}\n      $state={state}\n      $type={type}\n      data-testid=\"click-alert\"\n      {...delegated}\n    >\n      {dismissible && type === 'banner' && <DismissWrapper></DismissWrapper>}\n      {showIcon && (\n        <IconWrapper\n          $state={state}\n          $size={size}\n          $type={type}\n        >\n          <StyledIcon\n            $size={size}\n            size=\"sm\"\n            aria-hidden\n            name={customIcon || stateIconMap[state]}\n          />\n        </IconWrapper>\n      )}\n      <TextWrapper\n        $state={state}\n        $size={size}\n      >\n        {title && <Title $size={size}>{title}</Title>}\n        <Text $size={size}>{text}</Text>\n      </TextWrapper>\n      {dismissible && (\n        <DismissWrapper\n          data-testid=\"click-alert-dismiss-button\"\n          onClick={handleDismiss}\n        >\n          <Icon\n            name=\"cross\"\n            aria-label=\"close\"\n          />\n        </DismissWrapper>\n      )}\n    </Wrapper>\n  ) : null;\n};\n\nconst Wrapper = styled.div<{\n  $state: AlertState;\n  $size: AlertSize;\n  $type: AlertType;\n}>`\n  display: flex;\n  border-radius: ${({ $type, theme }) =>\n    $type === 'banner' ? theme.sizes[0] : theme.click.alert.radii.end};\n  justify-content: ${({ $type }) => ($type === 'banner' ? 'center' : 'start')};\n  overflow: hidden;\n  background-color: ${({ $state = 'neutral', theme }) =>\n    theme.click.alert.color.background[$state]};\n  color: ${({ $state = 'neutral', theme }) => theme.click.alert.color.text[$state]};\n  width: 100%;\n`;\n\nconst IconWrapper = styled.div<{\n  $state: AlertState;\n  $size: AlertSize;\n  $type: AlertType;\n}>`\n  display: flex;\n  align-items: center;\n  background-color: ${({ $state = 'neutral', $type, theme }) =>\n    $type === 'banner' ? 'none' : theme.click.alert.color.iconBackground[$state]};\n  ${({ $state = 'neutral', $size, theme }) => `\n    color: ${theme.click.alert.color.iconForeground[$state]};\n    padding: ${theme.click.alert[$size].space.y} 0 ${theme.click.alert[$size].space.y} ${theme.click.alert[$size].space.x};\n  `}\n`;\n\nconst StyledIcon = styled(Icon)<{ $size: AlertSize }>`\n  ${({ $size, theme }) => `\n    height: ${theme.click.alert[$size].icon.height};\n    width: ${theme.click.alert[$size].icon.width};\n  `}\n`;\nconst TextWrapper = styled.div<{ $state: AlertState; $size: AlertSize }>`\n  display: flex;\n  flex-flow: column;\n  word-break: break-word;\n  ${({ $size, theme }) => `\n    gap: ${theme.click.alert[$size].space.gap};\n    padding: ${theme.click.alert[$size].space.y} ${theme.click.alert[$size].space.x};\n    `}\n\n  a,\n  a:focus,\n  a:visited,\n  a:hover {\n    font: inherit;\n    color: inherit;\n    text-decoration: underline;\n  }\n`;\n\nconst Title = styled.h6<{ $size: AlertSize }>`\n  margin: 0;\n  font: ${({ theme, $size }) => theme.click.alert[$size].typography.title.default};\n`;\nconst Text = styled.div<{ $size: AlertSize }>`\n  margin: 0;\n  font: ${({ theme, $size }) => theme.click.alert[$size].typography.text.default};\n`;\n\nconst DismissWrapper = styled.button`\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  border: none;\n  background-color: transparent;\n  color: inherit;\n  cursor: pointer;\n`;\n\nexport const DangerAlert = (props: AlertProps) => (\n  <Alert\n    {...props}\n    state=\"danger\"\n  />\n);\n\nexport const InfoAlert = (props: AlertProps) => (\n  <Alert\n    {...props}\n    state=\"info\"\n  />\n);\n\nexport const SuccessAlert = (props: AlertProps) => (\n  <Alert\n    {...props}\n    state=\"success\"\n  />\n);\n\nexport const WarningAlert = (props: AlertProps) => (\n  <Alert\n    {...props}\n    state=\"warning\"\n  />\n);\n"],"names":["stateIconMap","neutral","success","warning","danger","info","Alert","text","title","size","state","type","showIcon","dismissible","onDismiss","customIcon","delegated","isVisible","setIsVisible","useState","handleDismiss","useCallback","jsxs","jsx","Icon","Wrapper","styled","div","withConfig","componentId","$type","theme","sizes","click","alert","radii","end","$state","color","background","IconWrapper","iconBackground","$size","iconForeground","space","y","x","StyledIcon","icon","height","width","TextWrapper","gap","Title","h6","typography","default","Text","DismissWrapper","button","DangerAlert","props","InfoAlert","SuccessAlert","WarningAlert"],"mappings":"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"}

package/dist/cjs/components/Assets/Flags/Australia.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Australia.cjs","sources":["../../../../../src/components/Assets/Flags/Australia.tsx"],"sourcesContent":["import React from 'react';\nimport { SVGAssetProps } from './system/types';\n\nconst Australia = (props: SVGAssetProps): React.ReactElement => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    viewBox=\"0 0 30 20\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_2882_11964)\">\n      <path\n        fill=\"#012169\"\n        d=\"M29 0H1a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1Z\"\n      />\n      <mask\n        id=\"mask0_2882_11964\"\n        width={15}\n        height={10}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: 'luminance',\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M0 0h15v10H0V0Z\"\n        />\n      </mask>\n      <g mask=\"url(#mask0_2882_11964)\">\n        <path\n          fill=\"#000\"\n          d=\"m0 0 15 10L0 0Zm15 0L0 10 15 0Z\"\n        />\n        <path\n          stroke=\"#fff\"\n          strokeWidth={2}\n          d=\"m0 0 15 10m0-10L0 10\"\n        />\n      </g>\n      <mask\n        id=\"mask1_2882_11964\"\n        width={15}\n        height={10}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: 'luminance',\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M0 0v5h15v5L0 0Zm15 0H7.5v10H0L15 0Z\"\n        />\n      </mask>\n      <g mask=\"url(#mask1_2882_11964)\">\n        <path\n          fill=\"#000\"\n          d=\"m0 0 15 10L0 0Zm15 0L0 10 15 0Z\"\n        />\n        <path\n          stroke=\"#E4002B\"\n          strokeWidth={1.333}\n          d=\"m0 0 15 10m0-10L0 10\"\n        />\n      </g>\n      <path\n        fill=\"#000\"\n        d=\"M7.5 0v10V0ZM0 5h15H0Z\"\n      />\n      <path\n        stroke=\"#fff\"\n        strokeWidth={3.333}\n        d=\"M7.5 0v10M0 5h15\"\n      />\n      <path\n        fill=\"#000\"\n        d=\"M7.5 0v10V0ZM0 5h15H0Z\"\n      />\n      <path\n        stroke=\"#E4002B\"\n        strokeWidth={2}\n        d=\"M7.5 0v10M0 5h15\"\n      />\n      <path\n        fill=\"#fff\"\n        d=\"m7.722 12.104.534 1.708 1.633-.635-.966 1.494 1.501.915-1.74.156.24 1.777-1.202-1.3-1.203 1.3.24-1.777-1.74-.156 1.502-.915-.966-1.494 1.632.635.535-1.708ZM22.504 15l.254.813.777-.302-.46.711.715.436-.828.074.114.846-.572-.619-.573.62.114-.847-.828-.074.715-.436-.46-.711.777.302.255-.813ZM18.808 7.663l.255.813.777-.303-.46.712.715.436-.828.074.114.846-.573-.62-.572.62.114-.846-.829-.074.715-.436-.46-.712.778.303.254-.813ZM22.504 2.519l.254.813.777-.302-.46.711.715.436-.828.074.114.846-.572-.619-.573.62.114-.847-.828-.074.715-.436-.46-.711.777.302.255-.813ZM26.61 5.647l.255.813.777-.302-.46.711.715.436-.828.074.114.846-.573-.619-.573.62.114-.847-.828-.074.715-.436-.46-.711.777.302.255-.813ZM24.354 10.205l.201.507.532.04-.407.353.127.531-.453-.288-.452.288.127-.531-.407-.353.531-.04.201-.507Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_2882_11964\">\n        <path\n          fill=\"#fff\"\n          d=\"M0 0h30v20H0z\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Australia;\n"],"names":["Australia","props","jsxs","jsx","maskType"],"mappings":"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"}
+{"version":3,"file":"Australia.cjs","sources":["../../../../../src/components/Assets/Flags/Australia.tsx"],"sourcesContent":["import React from 'react';\nimport type { SVGAssetProps } from '@/types';\n\nconst Australia = (props: SVGAssetProps): React.ReactElement => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    viewBox=\"0 0 30 20\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_2882_11964)\">\n      <path\n        fill=\"#012169\"\n        d=\"M29 0H1a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1Z\"\n      />\n      <mask\n        id=\"mask0_2882_11964\"\n        width={15}\n        height={10}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: 'luminance',\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M0 0h15v10H0V0Z\"\n        />\n      </mask>\n      <g mask=\"url(#mask0_2882_11964)\">\n        <path\n          fill=\"#000\"\n          d=\"m0 0 15 10L0 0Zm15 0L0 10 15 0Z\"\n        />\n        <path\n          stroke=\"#fff\"\n          strokeWidth={2}\n          d=\"m0 0 15 10m0-10L0 10\"\n        />\n      </g>\n      <mask\n        id=\"mask1_2882_11964\"\n        width={15}\n        height={10}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: 'luminance',\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M0 0v5h15v5L0 0Zm15 0H7.5v10H0L15 0Z\"\n        />\n      </mask>\n      <g mask=\"url(#mask1_2882_11964)\">\n        <path\n          fill=\"#000\"\n          d=\"m0 0 15 10L0 0Zm15 0L0 10 15 0Z\"\n        />\n        <path\n          stroke=\"#E4002B\"\n          strokeWidth={1.333}\n          d=\"m0 0 15 10m0-10L0 10\"\n        />\n      </g>\n      <path\n        fill=\"#000\"\n        d=\"M7.5 0v10V0ZM0 5h15H0Z\"\n      />\n      <path\n        stroke=\"#fff\"\n        strokeWidth={3.333}\n        d=\"M7.5 0v10M0 5h15\"\n      />\n      <path\n        fill=\"#000\"\n        d=\"M7.5 0v10V0ZM0 5h15H0Z\"\n      />\n      <path\n        stroke=\"#E4002B\"\n        strokeWidth={2}\n        d=\"M7.5 0v10M0 5h15\"\n      />\n      <path\n        fill=\"#fff\"\n        d=\"m7.722 12.104.534 1.708 1.633-.635-.966 1.494 1.501.915-1.74.156.24 1.777-1.202-1.3-1.203 1.3.24-1.777-1.74-.156 1.502-.915-.966-1.494 1.632.635.535-1.708ZM22.504 15l.254.813.777-.302-.46.711.715.436-.828.074.114.846-.572-.619-.573.62.114-.847-.828-.074.715-.436-.46-.711.777.302.255-.813ZM18.808 7.663l.255.813.777-.303-.46.712.715.436-.828.074.114.846-.573-.62-.572.62.114-.846-.829-.074.715-.436-.46-.712.778.303.254-.813ZM22.504 2.519l.254.813.777-.302-.46.711.715.436-.828.074.114.846-.572-.619-.573.62.114-.847-.828-.074.715-.436-.46-.711.777.302.255-.813ZM26.61 5.647l.255.813.777-.302-.46.711.715.436-.828.074.114.846-.573-.619-.573.62.114-.847-.828-.074.715-.436-.46-.711.777.302.255-.813ZM24.354 10.205l.201.507.532.04-.407.353.127.531-.453-.288-.452.288.127-.531-.407-.353.531-.04.201-.507Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_2882_11964\">\n        <path\n          fill=\"#fff\"\n          d=\"M0 0h30v20H0z\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Australia;\n"],"names":["Australia","props","jsxs","jsx","maskType"],"mappings":";;;;;;AAGA,MAAMA,YAAYA,CAACC,KAAAA,qBACjBC,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,wBAAA,EACV,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,SAAA,EACL,CAAA,EAAE,0EAAA,EAA0E,CAAA;AAAA,oBAE9EA,cAAA,CAAC,MAAA,EAAA,EACC,EAAA,EAAG,kBAAA,EACH,OAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,CAAA,EAAG,CAAA,EACH,CAAA,EAAG,CAAA,EACH,SAAA,EAAU,kBACV,KAAA,EAAO;AAAA,MACLC,QAAAA,EAAU;AAAA,OAGZ,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EACC,MAAK,MAAA,EACL,CAAA,EAAE,mBAAiB,CAAA,EAEvB,CAAA;AAAA,oBACAD,eAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,wBAAA,EACN,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,CAAA,EAAE,iCAAA,EAAiC,CAAA;AAAA,qCAEpC,MAAA,EAAA,EACC,MAAA,EAAO,QACP,WAAA,EAAa,CAAA,EACb,GAAE,sBAAA,EAAsB;AAAA,KAAA,EAE5B,CAAA;AAAA,oBACAA,cAAA,CAAC,MAAA,EAAA,EACC,EAAA,EAAG,kBAAA,EACH,OAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,CAAA,EAAG,CAAA,EACH,CAAA,EAAG,CAAA,EACH,SAAA,EAAU,kBACV,KAAA,EAAO;AAAA,MACLC,QAAAA,EAAU;AAAA,OAGZ,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EACC,MAAK,MAAA,EACL,CAAA,EAAE,wCAAsC,CAAA,EAE5C,CAAA;AAAA,oBACAD,eAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,wBAAA,EACN,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,CAAA,EAAE,iCAAA,EAAiC,CAAA;AAAA,qCAEpC,MAAA,EAAA,EACC,MAAA,EAAO,WACP,WAAA,EAAa,KAAA,EACb,GAAE,sBAAA,EAAsB;AAAA,KAAA,EAE5B,CAAA;AAAA,oBACAA,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,GAAE,wBAAA,EAAwB,CAAA;AAAA,mCAE3B,MAAA,EAAA,EACC,MAAA,EAAO,QACP,WAAA,EAAa,KAAA,EACb,GAAE,kBAAA,EAAkB,CAAA;AAAA,oBAEtBA,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,GAAE,wBAAA,EAAwB,CAAA;AAAA,mCAE3B,MAAA,EAAA,EACC,MAAA,EAAO,WACP,WAAA,EAAa,CAAA,EACb,GAAE,kBAAA,EAAkB,CAAA;AAAA,oBAEtBA,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,GAAE,myBAAA,EAAmyB;AAAA,GAAA,EAEzyB,CAAA;AAAA,kBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAG,kBAAA,EACX,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,CAAA,EAAE,eAAA,EAAe,GAErB,CAAA,EACF;AAAA,CAAA,EACF;;;;"}