@punkbit/cui 0.0.251-rc.16 → 0.2.0-rc.3

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

@@ -0,0 +1,103 @@
+'use strict';
+
+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/index.cjs');
+const Text = require('../Text/index.cjs');
+const Spacer = require('../Spacer/index.cjs');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const RadixAccordion__namespace = /*#__PURE__*/_interopNamespace(RadixAccordion);
+
+const Accordion = ({
+  title,
+  size = "md",
+  color,
+  icon,
+  iconSize,
+  gap,
+  children,
+  fillWidth = false,
+  ...delegated
+}) => /* @__PURE__ */ jsxRuntime.jsx(AccordionRoot, { type: "single", collapsible: true, $fillWidth: fillWidth, ...delegated, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAccordion__namespace.Item, { value: "item", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { $size: size, color, $fillWidth: fillWidth, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(AccordionIconsWrapper, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "chevron-right", size: iconSize || size, "aria-label": "accordion icon" }) }),
+      icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, size: iconSize || size }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { component: "div", size, fillWidth, children: title })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Spacer.Spacer, { size: gap }),
+    children
+  ] })
+] }) });
+const AccordionRoot = styledComponents.styled(RadixAccordion__namespace.Root).withConfig({
+  componentId: "sc-uthljf-0"
+})(["", ";"], ({
+  $fillWidth
+}) => $fillWidth && "width: 100%");
+const AccordionTrigger = styledComponents.styled(RadixAccordion__namespace.Trigger).withConfig({
+  componentId: "sc-uthljf-1"
+})(["border:none;padding:0;background-color:transparent;display:flex;align-items:center;", " ", ";"], ({
+  theme,
+  $size = "md",
+  color = "default"
+}) => `
+    gap: ${theme.click.accordion[$size].space.gap};
+    color: ${theme.click.accordion.color[color].label.default};
+    font: ${theme.click.accordion[$size].typography.label.default};
+
+    &:active {
+      color: ${theme.click.accordion.color[color].label.active};
+      font: ${theme.click.accordion[$size].typography.label.active};
+    }
+
+    &:hover {
+      color: ${theme.click.accordion.color[color].label.hover};
+      font: ${theme.click.accordion[$size].typography.label.hover};
+      cursor: pointer;
+    }
+  `, ({
+  $fillWidth
+}) => $fillWidth && "width: 100%");
+const AccordionIconWrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-uthljf-2"
+})(["display:flex;align-items:center;justify-content:center;transition:transform 200ms cubic-bezier(0.87,0,0.13,1);", "[data-state='open'] &{transform:rotate(90deg);}"], AccordionTrigger);
+const AccordionIconsWrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-uthljf-3"
+})(["display:flex;align-items:center;justify-content:center;"]);
+const AccordionContent = styledComponents.styled(RadixAccordion__namespace.Content).withConfig({
+  componentId: "sc-uthljf-4"
+})([""]);
+styledComponents.styled(Accordion).withConfig({
+  componentId: "sc-uthljf-5"
+})(["", "{gap:", ";}p{margin:0;}", "{visibility:hidden;}&:hover ", "{visibility:revert;}&:active ", "{visibility:revert;}", "[data-state='open'] ", "{visibility:revert;}"], AccordionTrigger, ({
+  theme
+}) => theme.click.sidebar.navigation.item.default.space.gap, AccordionIconWrapper, AccordionIconWrapper, AccordionIconWrapper, AccordionTrigger, AccordionIconWrapper);
+const AccordionToExport = styledComponents.styled(Accordion).withConfig({
+  componentId: "sc-uthljf-6"
+})([""]);
+
+exports.Accordion = AccordionToExport;
+//# 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/Text';\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/index.cjs

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const styledComponents = require('styled-components');
+const Icon = require('../Icon/index.cjs');
+
+const stateIconMap = {
+  neutral: "information",
+  success: "check",
+  warning: "warning",
+  danger: "warning",
+  info: "information"
+};
+const Alert = ({
+  text,
+  title = "",
+  size = "small",
+  state = "neutral",
+  type = "default",
+  showIcon = true,
+  dismissible,
+  onDismiss,
+  customIcon,
+  ...delegated
+}) => {
+  const [isVisible, setIsVisible] = react.useState(true);
+  const handleDismiss = react.useCallback(() => {
+    setIsVisible(false);
+    onDismiss?.();
+  }, [onDismiss]);
+  return isVisible ? /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { $size: size, $state: state, $type: type, "data-testid": "click-alert", ...delegated, children: [
+    dismissible && type === "banner" && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper, {}),
+    showIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $state: state, $size: size, $type: type, children: /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { $size: size, size: "sm", "aria-hidden": true, name: customIcon || stateIconMap[state] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(TextWrapper, { $state: state, $size: size, children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx(Title, { $size: size, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { $size: size, children: text })
+    ] }),
+    dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper, { "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
+  ] }) : null;
+};
+const Wrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-1fc6sr8-0"
+})(["display:flex;border-radius:", ";justify-content:", ";overflow:hidden;background-color:", ";color:", ";width:100%;"], ({
+  $type,
+  theme
+}) => $type === "banner" ? theme.sizes[0] : theme.click.alert.radii.end, ({
+  $type
+}) => $type === "banner" ? "center" : "start", ({
+  $state = "neutral",
+  theme
+}) => theme.click.alert.color.background[$state], ({
+  $state = "neutral",
+  theme
+}) => theme.click.alert.color.text[$state]);
+const IconWrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-1fc6sr8-1"
+})(["display:flex;align-items:center;background-color:", ";", ""], ({
+  $state = "neutral",
+  $type,
+  theme
+}) => $type === "banner" ? "none" : theme.click.alert.color.iconBackground[$state], ({
+  $state = "neutral",
+  $size,
+  theme
+}) => `
+    color: ${theme.click.alert.color.iconForeground[$state]};
+    padding: ${theme.click.alert[$size].space.y} 0 ${theme.click.alert[$size].space.y} ${theme.click.alert[$size].space.x};
+  `);
+const StyledIcon = styledComponents.styled(Icon.Icon).withConfig({
+  componentId: "sc-1fc6sr8-2"
+})(["", ""], ({
+  $size,
+  theme
+}) => `
+    height: ${theme.click.alert[$size].icon.height};
+    width: ${theme.click.alert[$size].icon.width};
+  `);
+const TextWrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-1fc6sr8-3"
+})(["display:flex;flex-flow:column;word-break:break-word;", " a,a:focus,a:visited,a:hover{font:inherit;color:inherit;text-decoration:underline;}"], ({
+  $size,
+  theme
+}) => `
+    gap: ${theme.click.alert[$size].space.gap};
+    padding: ${theme.click.alert[$size].space.y} ${theme.click.alert[$size].space.x};
+    `);
+const Title = styledComponents.styled.h6.withConfig({
+  componentId: "sc-1fc6sr8-4"
+})(["margin:0;font:", ";"], ({
+  theme,
+  $size
+}) => theme.click.alert[$size].typography.title.default);
+const Text = styledComponents.styled.div.withConfig({
+  componentId: "sc-1fc6sr8-5"
+})(["margin:0;font:", ";"], ({
+  theme,
+  $size
+}) => theme.click.alert[$size].typography.text.default);
+const DismissWrapper = styledComponents.styled.button.withConfig({
+  componentId: "sc-1fc6sr8-6"
+})(["display:flex;align-items:center;margin-left:auto;border:none;background-color:transparent;color:inherit;cursor:pointer;"]);
+const DangerAlert = (props) => /* @__PURE__ */ jsxRuntime.jsx(Alert, { ...props, state: "danger" });
+const InfoAlert = (props) => /* @__PURE__ */ jsxRuntime.jsx(Alert, { ...props, state: "info" });
+const SuccessAlert = (props) => /* @__PURE__ */ jsxRuntime.jsx(Alert, { ...props, state: "success" });
+const WarningAlert = (props) => /* @__PURE__ */ jsxRuntime.jsx(Alert, { ...props, state: "warning" });
+
+exports.Alert = Alert;
+exports.DangerAlert = DangerAlert;
+exports.InfoAlert = InfoAlert;
+exports.SuccessAlert = SuccessAlert;
+exports.WarningAlert = WarningAlert;
+//# 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":";;;;;;;;;AASA,MAAMA,YAAAA,GAA6C;AAAA,EACjDC,OAAAA,EAAS,aAAA;AAAA,EACTC,OAAAA,EAAS,OAAA;AAAA,EACTC,OAAAA,EAAS,SAAA;AAAA,EACTC,MAAAA,EAAQ,SAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,MAAMC,QAAQA,CAAC;AAAA,EACpBC,IAAAA;AAAAA,EACAC,KAAAA,GAAQ,EAAA;AAAA,EACRC,IAAAA,GAAO,OAAA;AAAA,EACPC,KAAAA,GAAQ,SAAA;AAAA,EACRC,IAAAA,GAAO,SAAA;AAAA,EACPC,QAAAA,GAAW,IAAA;AAAA,EACXC,WAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACO,CAAA,KAAM;AAChB,EAAA,MAAM,CAACC,SAAAA,EAAWC,YAAY,CAAA,GAAIC,eAAS,IAAI,CAAA;AAE/C,EAAA,MAAMC,aAAAA,GAAgBC,kBAAY,MAAM;AACtCH,IAAAA,YAAAA,CAAa,KAAK,CAAA;AAClBJ,IAAAA,SAAAA,IAAY;AAAA,EACd,CAAA,EAAG,CAACA,SAAS,CAAC,CAAA;AAEd,EAAA,OAAOG,SAAAA,mBACLK,eAAA,CAAC,OAAA,EAAA,EACC,KAAA,EAAOb,IAAAA,EACP,MAAA,EAAQC,KAAAA,EACR,KAAA,EAAOC,IAAAA,EACP,aAAA,EAAY,aAAA,EACZ,GAAIK,SAAAA,EAEHH,QAAAA,EAAAA;AAAAA,IAAAA,WAAAA,IAAeF,IAAAA,KAAS,QAAA,oBAAYY,cAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,IACpDX,QAAAA,mCACE,WAAA,EAAA,EACC,MAAA,EAAQF,OACR,KAAA,EAAOD,IAAAA,EACP,KAAA,EAAOE,IAAAA,EAEP,QAAA,kBAAAY,cAAA,CAAC,UAAA,EAAA,EACC,OAAOd,IAAAA,EACP,IAAA,EAAK,MACL,aAAA,EAAW,IAAA,EACX,MAAMM,UAAAA,IAAcf,YAAAA,CAAaU,KAAK,CAAA,EAAE,CAAA,EAE5C,CAAA;AAAA,oBAEFY,eAAA,CAAC,WAAA,EAAA,EACC,MAAA,EAAQZ,KAAAA,EACR,OAAOD,IAAAA,EAEND,QAAAA,EAAAA;AAAAA,MAAAA,KAAAA,oBAASe,cAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAOd,IAAAA,EAAOD,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,sBACrCe,cAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAOd,IAAAA,EAAOF,QAAAA,EAAAA,IAAAA,EAAK;AAAA,KAAA,EAC3B,CAAA;AAAA,IACCM,WAAAA,oBACCU,cAAA,CAAC,cAAA,EAAA,EACC,aAAA,EAAY,4BAAA,EACZ,OAAA,EAASH,aAAAA,EAET,QAAA,kBAAAG,cAAA,CAACC,SAAA,EAAA,EACC,IAAA,EAAK,OAAA,EACL,YAAA,EAAW,SAAO,CAAA,EAEtB;AAAA,GAAA,EAEJ,CAAA,GACE,IAAA;AACN;AAEA,MAAMC,OAAAA,GAAUC,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,6BAAA,EAAA,mBAAA,EAAA,sCAAA,SAAA,EAAA,cAAA,GAMP,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC;AAAM,CAAA,KAC/BD,KAAAA,KAAU,QAAA,GAAWC,KAAAA,CAAMC,KAAAA,CAAM,CAAC,CAAA,GAAID,KAAAA,CAAME,KAAAA,CAAMC,KAAAA,CAAMC,KAAAA,CAAMC,GAAAA,EAC7C,CAAC;AAAA,EAAEN;AAAM,CAAA,KAAOA,KAAAA,KAAU,QAAA,GAAW,QAAA,GAAW,OAAA,EAE/C,CAAC;AAAA,EAAEO,MAAAA,GAAS,SAAA;AAAA,EAAWN;AAAM,CAAA,KAC/CA,MAAME,KAAAA,CAAMC,KAAAA,CAAMI,MAAMC,UAAAA,CAAWF,MAAM,GAClC,CAAC;AAAA,EAAEA,MAAAA,GAAS,SAAA;AAAA,EAAWN;AAAM,CAAA,KAAMA,MAAME,KAAAA,CAAMC,KAAAA,CAAMI,KAAAA,CAAM/B,IAAAA,CAAK8B,MAAM,CAAC,CAAA;AAIlF,MAAMG,WAAAA,GAAcd,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,EAAA,CAAA,mDAAA,EAAA,GAAA,EAAA,EAAA,GAOR,CAAC;AAAA,EAAEQ,MAAAA,GAAS,SAAA;AAAA,EAAWP,KAAAA;AAAAA,EAAOC;AAAM,CAAA,KACtDD,KAAAA,KAAU,QAAA,GAAW,MAAA,GAASC,KAAAA,CAAME,KAAAA,CAAMC,MAAMI,KAAAA,CAAMG,cAAAA,CAAeJ,MAAM,CAAA,EAC3E,CAAC;AAAA,EAAEA,MAAAA,GAAS,SAAA;AAAA,EAAWK,KAAAA;AAAAA,EAAOX;AAAM,CAAA,KAAM;AAAA,WAAA,EACjCA,MAAME,KAAAA,CAAMC,KAAAA,CAAMI,KAAAA,CAAMK,cAAAA,CAAeN,MAAM,CAAC,CAAA;AAAA,aAAA,EAC5CN,KAAAA,CAAME,MAAMC,KAAAA,CAAMQ,KAAK,EAAEE,KAAAA,CAAMC,CAAC,CAAA,GAAA,EAAMd,KAAAA,CAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEE,KAAAA,CAAMC,CAAC,CAAA,CAAA,EAAId,KAAAA,CAAME,MAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEE,KAAAA,CAAME,CAAC,CAAA;AAAA,EAAA,CACtH,CAAA;AAGH,MAAMC,UAAAA,GAAarB,uBAAAA,CAAOF,SAAI,CAAA,CAACI,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,GAC3B,CAAC;AAAA,EAAEa,KAAAA;AAAAA,EAAOX;AAAM,CAAA,KAAM;AAAA,YAAA,EACZA,MAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEM,KAAKC,MAAM,CAAA;AAAA,WAAA,EACrClB,MAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEM,KAAKE,KAAK,CAAA;AAAA,EAAA,CAC7C,CAAA;AAEH,MAAMC,WAAAA,GAAczB,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,sDAAA,EAAA,qFAAA,GAI1B,CAAC;AAAA,EAAEa,KAAAA;AAAAA,EAAOX;AAAM,CAAA,KAAM;AAAA,SAAA,EACfA,MAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEE,MAAMQ,GAAG,CAAA;AAAA,aAAA,EAC9BrB,KAAAA,CAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,EAAEE,KAAAA,CAAMC,CAAC,CAAA,CAAA,EAAId,KAAAA,CAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEE,MAAME,CAAC,CAAA;AAAA,IAAA,CAC9E,CAAA;AAYL,MAAMO,KAAAA,GAAQ3B,uBAAAA,CAAO4B,EAAAA,CAAE1B,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,gBAAA,EAAA,GAAA,GAEb,CAAC;AAAA,EAAEE,KAAAA;AAAAA,EAAOW;AAAM,CAAA,KAAMX,MAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEa,UAAAA,CAAW/C,MAAMgD,OAAO,CAAA;AAEjF,MAAMC,IAAAA,GAAO/B,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,gBAAA,EAAA,GAAA,GAEb,CAAC;AAAA,EAAEE,KAAAA;AAAAA,EAAOW;AAAM,CAAA,KAAMX,MAAME,KAAAA,CAAMC,KAAAA,CAAMQ,KAAK,CAAA,CAAEa,UAAAA,CAAWhD,KAAKiD,OAAO,CAAA;AAGhF,MAAME,cAAAA,GAAiBhC,uBAAAA,CAAOiC,MAAAA,CAAM/B,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yHAAA,CAAA,CAAA;AAU7B,MAAM+B,WAAAA,GAAcA,CAACC,KAAAA,qBAC1BtC,cAAA,CAAC,YACKsC,KAAAA,EACJ,OAAM,QAAA,EAAQ;AAIX,MAAMC,SAAAA,GAAYA,CAACD,KAAAA,qBACxBtC,cAAA,CAAC,YACKsC,KAAAA,EACJ,OAAM,MAAA,EAAM;AAIT,MAAME,YAAAA,GAAeA,CAACF,KAAAA,qBAC3BtC,cAAA,CAAC,YACKsC,KAAAA,EACJ,OAAM,SAAA,EAAS;AAIZ,MAAMG,YAAAA,GAAeA,CAACH,KAAAA,qBAC3BtC,cAAA,CAAC,YACKsC,KAAAA,EACJ,OAAM,SAAA,EAAS;;;;;;;;"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const Australia = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 20, viewBox: "0 0 30 20", fill: "none", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2882_11964)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#012169", 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" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "mask0_2882_11964", width: 15, height: 10, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h15v10H0V0Z" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#mask0_2882_11964)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "m0 0 15 10L0 0Zm15 0L0 10 15 0Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#fff", strokeWidth: 2, d: "m0 0 15 10m0-10L0 10" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "mask1_2882_11964", width: 15, height: 10, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0v5h15v5L0 0Zm15 0H7.5v10H0L15 0Z" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#mask1_2882_11964)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "m0 0 15 10L0 0Zm15 0L0 10 15 0Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#E4002B", strokeWidth: 1.333, d: "m0 0 15 10m0-10L0 10" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "M7.5 0v10V0ZM0 5h15H0Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#fff", strokeWidth: 3.333, d: "M7.5 0v10M0 5h15" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "M7.5 0v10V0ZM0 5h15H0Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#E4002B", strokeWidth: 2, d: "M7.5 0v10M0 5h15" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", 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" })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_2882_11964", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h30v20H0z" }) }) })
+] });
+
+exports.default = Australia;
+//# sourceMappingURL=Australia.cjs.map

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

@@ -0,0 +1 @@
+{"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":"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"}