@rango-dev/ui 0.40.0 → 0.40.1-next.1

package/src/components/Flags/SouthAfrica.tsx

@@ -0,0 +1,35 @@
+import type { FlagPropTypes } from './Flags.types.js';
+
+import React from 'react';
+
+import { DEFAULT_SIZE } from './Flags.constants.js';
+
+export default function SouthAfrica(props: FlagPropTypes) {
+  const { size = DEFAULT_SIZE } = props;
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512">
+      <mask id="a">
+        <circle cx="256" cy="256" r="256" fill="#fff" />
+      </mask>
+      <g mask="url(#a)">
+        <path
+          fill="#eee"
+          d="m0 0 192 256L0 512h47l465-189v-34l-32-33 32-33v-34L47 0Z"
+        />
+        <path fill="#333" d="M0 142v228l140-114z" />
+        <path fill="#ffda44" d="M192 256 0 95v47l114 114L0 370v47z" />
+        <path
+          fill="#6da544"
+          d="M512 223H223L0 0v94l161 162L0 418v94l223-223h289z"
+        />
+        <path fill="#d80027" d="M512 0H47l189 189h276z" />
+        <path fill="#0052b4" d="M512 512H47l189-189h276z" />
+      </g>
+    </svg>
+  );
+}

package/src/components/Flags/Swahili.tsx

@@ -0,0 +1,46 @@
+import type { FlagPropTypes } from './Flags.types.js';
+
+import React from 'react';
+
+import { DEFAULT_SIZE } from './Flags.constants.js';
+
+export default function Swahili(props: FlagPropTypes) {
+  const { size = DEFAULT_SIZE } = props;
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512">
+      <mask id="a">
+        <circle cx="256" cy="256" r="256" fill="#fff" />
+      </mask>
+      <g mask="url(#a)">
+        <path
+          fill="#eee"
+          d="m0 144.7 253.4-28.2L512 144.7V178l-36 76.4 36 79.6v33.3L254.7 400 0 367.3V334l39-78-39-78z"
+        />
+        <path fill="#333" d="M0 0h512v144.7H0z" />
+        <path fill="#a2001d" d="M0 178h512v156H0z" />
+        <path fill="#496e2d" d="M0 367.3h512V512H0z" />
+        <path
+          fill="#eee"
+          d="m335.9 118.3-30.3-14-49.4 111.9-49.4-111.9-30.3 14L237.8 256l-61.3 137.7 30.3 14 49.4-111.9 49.4 111.9 30.3-14L274.6 256z"
+        />
+        <path
+          fill="#eee"
+          d="M256.2 111.3s-7 5.8-16.7 16l-16 127.6 16 129.8c9.7 10.2 16.7 16 16.7 16s7-5.8 16.7-16l15-130.7-15-126.7c-9.7-10.2-16.7-16-16.7-16z"
+        />
+        <path
+          fill="#333"
+          d="m311.9 179.2-10 75.5 10 78.1A158.6 158.6 0 0 0 334 256c0-28.2-9.7-54.5-22.2-76.8zm-111.4 0 8.9 74.3-9 79.3a158.6 158.6 0 0 1-22.1-76.8c0-28.2 9.7-54.5 22.2-76.8z"
+        />
+        <path
+          fill="#a2001d"
+          d="M200.5 179.2v153.6a269 269 0 0 0 39 51.9V127.3c-11.4 12-26.6 30-39 52zm111.4 0a269 269 0 0 0-39-51.9v257.4c11.4-12 26.5-30 39-52V179.3z"
+        />
+      </g>
+    </svg>
+  );
+}

package/src/components/Flags/index.ts

@@ -1,20 +1,34 @@
 import Bengali from './Bengali.js';
+import Catalonia from './Catalonia.js';
 import Chinese from './Chinese.js';
+import Cyprus from './Cyprus.js';
+import Denmark from './Denmark.js';
 import English from './English.js';
 import Finland from './Finland.js';
 import French from './French.js';
 import German from './German.js';
 import Greece from './Greece.js';
 import Hindi from './Hindi.js';
+import Hungary from './Hungary.js';
+import India from './India.js';
 import Indonesian from './Indonesian.js';
 import Italian from './Italian.js';
 import Japanese from './Japanese.js';
+import Korea from './Korea.js';
+import Lithuania from './Lithuania.js';
 import Malay from './Malay.js';
 import Netherlands from './Netherlands.js';
+import Pakistan from './Pakistan.js';
+import Philippines from './Philippines.js';
 import Poland from './Poland.js';
 import Portuguese from './Portuguese.js';
 import Russian from './Russian.js';
+import SaudiArabia from './SaudiArabia.js';
+import Serbia from './Serbia.js';
+import Slovakia from './Slovakia.js';
+import SouthAfrica from './SouthAfrica.js';
 import Spanish from './Spanish.js';
+import Swahili from './Swahili.js';
 import Swedish from './Swedish.js';
 import Thai from './Thai.js';
 import Turkish from './Turkish.js';
@@ -46,4 +60,18 @@ export {
   Greece,
   Italian,
   Poland,
+  Catalonia,
+  Cyprus,
+  Denmark,
+  Hungary,
+  India,
+  Korea,
+  Lithuania,
+  Pakistan,
+  Philippines,
+  SaudiArabia,
+  Serbia,
+  Slovakia,
+  SouthAfrica,
+  Swahili,
 };

package/src/components/Tooltip/Tooltip.tsx

@@ -22,6 +22,7 @@ export function Tooltip(props: PropsWithChildren<TooltipPropTypes>) {
     styles,
     align,
     alignOffset,
+    collisionPadding,
   } = props;
 
   return (
@@ -36,6 +37,7 @@ export function Tooltip(props: PropsWithChildren<TooltipPropTypes>) {
             align={align}
             side={side}
             sideOffset={sideOffset}
+            collisionPadding={collisionPadding}
             collisionBoundary={container}>
             <TooltipTypography
               css={styles?.content}

package/src/components/Tooltip/Tooltip.types.ts

@@ -18,4 +18,5 @@ export interface TooltipPropTypes {
   };
   align?: RadixTooltipContentProps['align'];
   alignOffset?: RadixTooltipContentProps['alignOffset'];
+  collisionPadding?: RadixTooltipContentProps['collisionPadding'];
 }