@oxyhq/bloom 0.1.3 → 0.1.5

package/src/icons/TEMPLATE.tsx

@@ -0,0 +1,75 @@
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { type Props, useCommonSVGProps } from './common';
+
+export function createSinglePathSVG({
+  path,
+  viewBox,
+  strokeWidth = 0,
+  strokeLinecap = 'butt',
+  strokeLinejoin = 'miter',
+}: {
+  path: string;
+  viewBox?: string;
+  strokeWidth?: number;
+  strokeLinecap?: 'butt' | 'round' | 'square';
+  strokeLinejoin?: 'miter' | 'round' | 'bevel';
+}) {
+  return forwardRef<Svg, Props>(function IconImpl(props, ref) {
+    const { fill, size, style, gradient, ...rest } = useCommonSVGProps(props);
+
+    const hasStroke = strokeWidth > 0;
+
+    return (
+      <Svg
+        fill="none"
+        {...rest}
+        ref={ref}
+        viewBox={viewBox || '0 0 24 24'}
+        width={size}
+        height={size}
+        style={[style]}>
+        {gradient}
+        <Path
+          fill={hasStroke ? 'none' : fill}
+          stroke={hasStroke ? fill : 'none'}
+          strokeWidth={strokeWidth}
+          strokeLinecap={strokeLinecap}
+          strokeLinejoin={strokeLinejoin}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d={path}
+        />
+      </Svg>
+    );
+  });
+}
+
+export function createMultiPathSVG({ paths }: { paths: string[] }) {
+  return forwardRef<Svg, Props>(function IconImpl(props, ref) {
+    const { fill, size, style, gradient, ...rest } = useCommonSVGProps(props);
+
+    return (
+      <Svg
+        fill="none"
+        {...rest}
+        ref={ref}
+        viewBox="0 0 24 24"
+        width={size}
+        height={size}
+        style={[style]}>
+        {gradient}
+        {paths.map((path, i) => (
+          <Path
+            key={i}
+            fill={fill}
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d={path}
+          />
+        ))}
+      </Svg>
+    );
+  });
+}

package/src/icons/TextSize.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const TextSize_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M9 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2h-5v14a1 1 0 1 1-2 0V6h-5a1 1 0 0 1-1-1Zm-3.073 7v8a1 1 0 1 0 2 0v-8H12a1 1 0 1 0 0-2H6.971a1.015 1.015 0 0 0-.089 0H2a1 1 0 1 0 0 2h3.927Z',
+})

package/src/icons/Ticket.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Ticket_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M3 4a1 1 0 0 0-1 1v4.17a1 1 0 0 0 .667.944 2.001 2.001 0 0 1 0 3.772A1 1 0 0 0 2 14.83V19a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4.17a1 1 0 0 0-.667-.944 2.001 2.001 0 0 1 0-3.772A1 1 0 0 0 22 9.17V5a1 1 0 0 0-1-1H3Zm1 4.535V6h16v2.535A4 4 0 0 0 18 12c0 1.482.805 2.773 2 3.465V18H4v-2.535A4 4 0 0 0 6 12a4 4 0 0 0-2-3.465ZM15 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-1-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm1-5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
+})

package/src/icons/Times.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const TimesLarge_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414Z',
+})

package/src/icons/TitleCase.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const TitleCase_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M3.65 17.247c-.242.832-.632 1.178-1.325 1.178-.814 0-1.325-.476-1.325-1.23 0-.216.06-.51.173-.831L4.586 7.07c.364-1.014.979-1.482 1.966-1.482 1.022 0 1.629.45 2.001 1.473l3.43 9.303c.121.337.165.571.165.831 0 .72-.546 1.23-1.308 1.23-.736 0-1.126-.338-1.36-1.152l-.658-1.975H4.309l-.658 1.95ZM6.5 8.152l-1.62 5.12h3.335l-1.654-5.12H6.5Zm13.005 8.688c-.52.988-1.68 1.568-2.84 1.568-1.768 0-3.11-1.144-3.11-2.815 0-1.69 1.299-2.668 3.62-2.807l2.34-.138v-.615c0-.867-.607-1.369-1.56-1.369-.771 0-1.239.251-1.802.979-.277.312-.597.468-1.004.468-.615 0-1.057-.399-1.057-.97 0-.2.043-.382.13-.572.433-1.109 1.923-1.793 3.845-1.793 2.383 0 3.933 1.23 3.933 3.1v5.293c0 .84-.511 1.273-1.23 1.273-.684 0-1.16-.38-1.213-1.126v-.476h-.052Zm-3.43-1.386c0 .693.572 1.126 1.42 1.126 1.11 0 2.02-.719 2.02-1.723v-.676l-1.959.121c-.944.07-1.48.494-1.48 1.152Z',
+})

package/src/icons/Trash.tsx

@@ -0,0 +1,9 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Trash_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M7.416 5H3a1 1 0 0 0 0 2h1.064l.938 14.067A1 1 0 0 0 6 22h12a1 1 0 0 0 .998-.933L19.936 7H21a1 1 0 1 0 0-2h-4.416a5 5 0 0 0-9.168 0Zm2.348 0h4.472c-.55-.614-1.348-1-2.236-1-.888 0-1.687.386-2.236 1Zm6.087 2H6.07l.867 13h10.128l.867-13h-2.036a1 1 0 0 1-.044 0ZM10 10a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1Zm4 0a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1Z',
+})
+
+export const Trash_Stroke2_Corner2_Rounded = createSinglePathSVG({
+  path: 'M7.416 5H3a1 1 0 0 0 0 2h1.064l.814 12.2A3 3 0 0 0 7.87 22h8.258a3 3 0 0 0 2.993-2.8L19.936 7H21a1 1 0 1 0 0-2h-4.416a5 5 0 0 0-9.168 0Zm2.348 0h4.472c-.55-.614-1.348-1-2.236-1s-1.687.386-2.236 1Zm6.087 2H6.07l.804 12.067a1 1 0 0 0 .998.933h8.258a1 1 0 0 0 .998-.933L17.93 7h-2.08ZM10 10a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1Zm4 0a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1Z',
+})

package/src/icons/Tree.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Tree_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M6 2a2.998 2.998 0 0 1 1 5.825V8a2 2 0 0 0 2 2h1.174c.412-1.165 1.52-2 2.826-2h5a3 3 0 1 1 0 6h-5a2.998 2.998 0 0 1-2.826-2H9a3.98 3.98 0 0 1-2-.537V16a2 2 0 0 0 2 2h1.174c.412-1.165 1.52-2 2.826-2h5a3 3 0 1 1 0 6h-5a2.998 2.998 0 0 1-2.826-2H9a4 4 0 0 1-4-4V7.825A2.998 2.998 0 0 1 6 2Zm7 16a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5Zm0-8a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5ZM6 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
+})

package/src/icons/Trending.tsx

@@ -0,0 +1,9 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Trending2_Stroke2_Corner2_Rounded = createSinglePathSVG({
+  path: 'm18.192 5.004 1.864 5.31a1 1 0 0 0 1.887-.662L20.08 4.34c-.665-1.893-3.378-1.741-3.834.207l-3.381 14.449-2.985-9.605C9.3 7.531 6.684 7.506 6.07 9.355l-1.18 3.56-.969-2.312a1 1 0 0 0-1.844.772l.97 2.315c.715 1.71 3.159 1.613 3.741-.144l1.18-3.56 2.985 9.605c.607 1.952 3.392 1.848 3.857-.138l3.381-14.449Z',
+})
+
+export const Trending3_Stroke2_Corner1_Rounded = createSinglePathSVG({
+  path: 'M15 7a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V9.414L14.414 15a2 2 0 0 1-2.828 0L9 12.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L7.586 11a2 2 0 0 1 2.828 0L13 13.586 18.586 8H16a1 1 0 0 1-1-1Z',
+})

package/src/icons/UFO.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const UFO_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M7.03 6.443c-.889.17-1.707.385-2.431.638-.966.338-1.82.764-2.45 1.286C1.523 8.884 1 9.6 1 10.5c0 1.321 1.098 2.24 2.203 2.821.854.45 1.928.817 3.142 1.093l-3.19 5.052a1 1 0 1 0 1.69 1.068l5.767-9.13a8.502 8.502 0 0 1 2.776 0l5.766 9.13a1 1 0 0 0 1.692-1.068l-3.191-5.052c1.214-.276 2.288-.644 3.142-1.093 1.105-.58 2.203-1.5 2.203-2.821 0-.9-.524-1.616-1.148-2.133-.631-.522-1.485-.948-2.45-1.286a17.147 17.147 0 0 0-2.433-.638 5 5 0 0 0-9.938 0Zm2.095-.301A28.736 28.736 0 0 1 12 6c.992 0 1.957.049 2.875.142a3.001 3.001 0 0 0-5.75 0Zm7.389 6.466c1.403-.262 2.55-.635 3.352-1.057C20.87 11.023 21 10.611 21 10.5c0-.066-.036-.271-.423-.592-.381-.315-.993-.644-1.836-.939C17.063 8.382 14.68 8 12 8c-2.68 0-5.063.382-6.74.969-.844.295-1.456.624-1.837.94-.387.32-.423.525-.423.591 0 .11.13.523 1.134 1.051.802.422 1.95.795 3.352 1.057l1.441-2.282a1.952 1.952 0 0 1 1.328-.89 10.51 10.51 0 0 1 3.49 0c.57.094 1.042.437 1.328.89l1.44 2.282Z',
+})

package/src/icons/UserCircle.tsx

@@ -0,0 +1,9 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const UserCircle_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M12 4a8 8 0 0 0-5.935 13.365C7.56 15.895 9.612 15 12 15c2.388 0 4.44.894 5.935 2.365A8 8 0 0 0 12 4Zm4.412 14.675C15.298 17.636 13.792 17 12 17c-1.791 0-3.298.636-4.412 1.675A7.96 7.96 0 0 0 12 20a7.96 7.96 0 0 0 4.412-1.325ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10a9.98 9.98 0 0 1-3.462 7.567A9.965 9.965 0 0 1 12 22a9.965 9.965 0 0 1-6.538-2.433A9.98 9.98 0 0 1 2 12Zm10-4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z',
+})
+
+export const UserCircle_Filled_Corner0_Rounded = createSinglePathSVG({
+  path: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3-12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3 10a7.976 7.976 0 0 1-5.714-2.4C7.618 16.004 9.605 15 12 15c2.396 0 4.383 1.005 5.714 2.6A7.976 7.976 0 0 1 12 20Z',
+})

package/src/icons/Verified.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Verified_Stroke2_Corner2_Rounded = createSinglePathSVG({
+  path: 'M10.467 2.698a2.03 2.03 0 0 1 3.066 0l1.358 1.564a.03.03 0 0 0 .027.01l2.046-.325a2.03 2.03 0 0 1 2.348 1.97l.036 2.071q0 .016.014.026l1.776 1.066a2.03 2.03 0 0 1 .532 3.018l-1.304 1.61a.03.03 0 0 0-.005.029l.675 1.957a2.03 2.03 0 0 1-1.533 2.655l-2.033.395a.03.03 0 0 0-.022.019l-.742 1.933a2.03 2.03 0 0 1-2.88 1.049l-1.811-1.005a.03.03 0 0 0-.03 0l-1.81 1.005a2.03 2.03 0 0 1-2.881-1.049l-.742-1.933a.03.03 0 0 0-.022-.02l-2.033-.394a2.03 2.03 0 0 1-1.533-2.655l.675-1.957a.03.03 0 0 0-.005-.03L2.33 12.099a2.03 2.03 0 0 1 .532-3.018l1.776-1.066a.03.03 0 0 0 .014-.026l.036-2.07a2.03 2.03 0 0 1 2.348-1.97l2.045.324a.03.03 0 0 0 .028-.01l1.358-1.564Zm1.52 1.304-.01.008-1.358 1.563a2.03 2.03 0 0 1-1.85.674l-2.046-.324H6.71l-.011.006-.009.01-.002.013-.036 2.07a2.03 2.03 0 0 1-.985 1.706l-1.775 1.066-.01.009-.004.012v.014q0 .003.006.01l1.304 1.61c.44.544.57 1.277.342 1.94l-.675 1.957-.002.012q0 .006.004.013l.01.01.01.005 2.034.394a2.03 2.03 0 0 1 1.509 1.266l.741 1.934q.004.01.007.01l.011.008.013.002q.003.001.012-.004l1.811-1.005a2.03 2.03 0 0 1 1.97 0l1.81 1.005.013.004.013-.003.011-.006.007-.011.742-1.934a2.03 2.03 0 0 1 1.508-1.266l2.033-.394.012-.005.009-.01.004-.012-.002-.013-.675-1.958a2.03 2.03 0 0 1 .342-1.94l1.304-1.609.006-.01v-.014l-.005-.012-.009-.009-1.775-1.066a2.03 2.03 0 0 1-.985-1.705l-.036-2.071-.002-.012-.009-.01-.011-.007h-.013l-2.045.324a2.03 2.03 0 0 1-1.85-.674l-1.36-1.563-.009-.008L12 4l-.013.002Zm3.22 5.79a1 1 0 0 1 0 1.415l-3.146 3.146a1.5 1.5 0 0 1-2.122 0l-1.146-1.146a1 1 0 1 1 1.414-1.414l.793.793 2.793-2.793a1 1 0 0 1 1.414 0Z',
+})

package/src/icons/VerifiedCheck.tsx

@@ -0,0 +1,29 @@
+import {forwardRef} from 'react'
+import Svg, {Circle, Path} from 'react-native-svg'
+
+import {type Props, useCommonSVGProps} from './common'
+
+export const VerifiedCheck = forwardRef<Svg, Props>(
+  function LogoImpl(props, ref) {
+    const {fill, size, style, ...rest} = useCommonSVGProps(props)
+
+    return (
+      <Svg
+        fill="none"
+        {...rest}
+        ref={ref}
+        viewBox="0 0 24 24"
+        width={size}
+        height={size}
+        style={[style]}>
+        <Circle cx="12" cy="12" r="11.5" fill={fill} />
+        <Path
+          fill="#fff"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M17.659 8.175a1.361 1.361 0 0 1 0 1.925l-6.224 6.223a1.361 1.361 0 0 1-1.925 0L6.4 13.212a1.361 1.361 0 0 1 1.925-1.925l2.149 2.148 5.26-5.26a1.361 1.361 0 0 1 1.925 0Z"
+        />
+      </Svg>
+    )
+  },
+)

package/src/icons/VerifierCheck.tsx

@@ -0,0 +1,34 @@
+import {forwardRef} from 'react'
+import Svg, {Path} from 'react-native-svg'
+
+import {type Props, useCommonSVGProps} from './common'
+
+export const VerifierCheck = forwardRef<Svg, Props>(
+  function LogoImpl(props, ref) {
+    const {fill, size, style, ...rest} = useCommonSVGProps(props)
+
+    return (
+      <Svg
+        fill="none"
+        {...rest}
+        ref={ref}
+        viewBox="0 0 24 24"
+        width={size}
+        height={size}
+        style={[style]}>
+        <Path
+          fill={fill}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.792 1.615a4.154 4.154 0 0 1 6.416 0 4.154 4.154 0 0 0 3.146 1.515 4.154 4.154 0 0 1 4 5.017 4.154 4.154 0 0 0 .777 3.404 4.154 4.154 0 0 1-1.427 6.255 4.153 4.153 0 0 0-2.177 2.73 4.154 4.154 0 0 1-5.781 2.784 4.154 4.154 0 0 0-3.492 0 4.154 4.154 0 0 1-5.78-2.784 4.154 4.154 0 0 0-2.178-2.73A4.154 4.154 0 0 1 .87 11.551a4.154 4.154 0 0 0 .776-3.404A4.154 4.154 0 0 1 5.646 3.13a4.154 4.154 0 0 0 3.146-1.515Z"
+        />
+        <Path
+          fill="#fff"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M17.861 8.26a1.438 1.438 0 0 1 0 2.033l-6.571 6.571a1.437 1.437 0 0 1-2.033 0L5.97 13.58a1.438 1.438 0 0 1 2.033-2.033l2.27 2.269 5.554-5.555a1.437 1.437 0 0 1 2.033 0Z"
+        />
+      </Svg>
+    )
+  },
+)

package/src/icons/VideoClip.tsx

@@ -0,0 +1,13 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const VideoClip_Stroke1_Corner0_Rounded = createSinglePathSVG({
+  viewBox: '0 0 46 46',
+  strokeLinecap: 'square',
+  strokeLinejoin: 'round',
+  strokeWidth: 2,
+  path: 'M1 23h10.667M1 23V12m0 11v11m10.667-11h22.666m-22.666 0v11m0-11V12m22.666 11H45m-10.667 0v12.222m0-12.222V12M45 23V12m0 11v12.222M34.333 45h5.334A5.333 5.333 0 0 0 45 39.667v-4.445M34.333 45v-9.778m0 9.778H11.667M34.333 1h5.334A5.333 5.333 0 0 1 45 6.333V12M34.333 1v11m0-11H11.667m22.666 11H45M34.333 35.222H45M11.667 45H6.333A5.333 5.333 0 0 1 1 39.667V34m10.667 11V34m0-33H6.333A5.333 5.333 0 0 0 1 6.333V12M11.667 1v11M1 12h10.667M1 34h10.667',
+})
+
+export const VideoClip_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M3 4a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4Zm2 1v2h2V5H5Zm4 0v6h6V5H9Zm8 0v2h2V5h-2Zm2 4h-2v2h2V9Zm0 4h-2v2h2V13Zm0 4h-2V19h2ZM15 19v-6H9v6h6Zm-8 0v-2H5v2h2Zm-2-4h2v-2H5v2Zm0-4h2V9H5v2Z',
+})

package/src/icons/Warning.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Warning_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M11.14 4.494a.995.995 0 0 1 1.72 0l7.001 12.008a.996.996 0 0 1-.86 1.498H4.999a.996.996 0 0 1-.86-1.498L11.14 4.494Zm3.447-1.007c-1.155-1.983-4.019-1.983-5.174 0L2.41 15.494C1.247 17.491 2.686 20 4.998 20h14.004c2.312 0 3.751-2.509 2.587-4.506L14.587 3.487ZM13 9.019a1 1 0 1 0-2 0v2.994a1 1 0 1 0 2 0V9.02Zm-1 4.731a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z',
+})

package/src/icons/Window.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Window_Stroke2_Corner2_Rounded = createSinglePathSVG({
+  path: 'M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM5 18v-6h14v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1Zm0-8h14V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v4Zm6-3.5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6ZM7.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z',
+})

package/src/icons/Wrench.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Wrench_Stroke2_Corner2_Rounded = createSinglePathSVG({
+  path: 'M14.5 4a5.5 5.5 0 0 0-5.078 7.616 1 1 0 0 1-.216 1.092L4.37 17.543a1 1 0 0 0 0 1.414l.672.672a1 1 0 0 0 1.414 0l4.835-4.835a1 1 0 0 1 1.092-.216A5.5 5.5 0 0 0 20 9.414l-1.293 1.293a3.828 3.828 0 1 1-5.414-5.414L14.585 4 14.5 4ZM7 9.5a7.5 7.5 0 0 1 9.969-7.084 1 1 0 0 1 .378 1.651l-2.64 2.64a1.829 1.829 0 0 0 2.586 2.586l2.64-2.64a1 1 0 0 1 1.65.378 7.5 7.5 0 0 1-9.328 9.627l-4.384 4.385a3 3 0 0 1-4.242 0l-.672-.672a3 3 0 0 1 0-4.242l4.385-4.385A7.5 7.5 0 0 1 7 9.5Z',
+})

package/src/icons/Zap.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Zap_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'm9.368 4-4 8h2.944a1.5 1.5 0 0 1 1.427 1.963l-1.65 5.087L19.374 9h-3.49a1.5 1.5 0 0 1-1.287-2.272L16.234 4H9.368Zm-1.65-1.17A1.5 1.5 0 0 1 9.058 2h8.058a1.5 1.5 0 0 1 1.286 2.272L16.766 7h3.92c1.38 0 2.028 1.703.998 2.62L8.042 21.77c-1.142 1.018-2.896-.127-2.424-1.583L7.624 14H4.56a1.5 1.5 0 0 1-1.342-2.17l4.5-9Z',
+})

package/src/icons/common.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { StyleSheet, type TextProps } from 'react-native';
+import { type PathProps, type SvgProps } from 'react-native-svg';
+import { Defs, LinearGradient, Stop } from 'react-native-svg';
+
+import { useTheme } from '../theme/use-theme';
+import { gradients } from '../styles/tokens';
+
+export type Props = {
+  fill?: PathProps['fill'];
+  style?: TextProps['style'];
+  size?: keyof typeof sizes;
+  gradient?: keyof typeof gradients;
+} & Omit<SvgProps, 'style' | 'size'>;
+
+export const sizes = {
+  '2xs': 8,
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 28,
+  '2xl': 32,
+  '3xl': 48,
+} as const;
+
+export function useCommonSVGProps(props: Props) {
+  const { colors } = useTheme();
+  const reactId = React.useId();
+  const { fill, size, gradient, ...rest } = props;
+  const style = StyleSheet.flatten(rest.style);
+  const _size = Number(size ? sizes[size] : rest.width || sizes.md);
+  let _fill = fill || (style as Record<string, string>)?.color || colors.primary;
+  let gradientDef = null;
+
+  if (gradient && gradients[gradient]) {
+    const id = `${reactId}-${gradient}`;
+    const config = gradients[gradient];
+    _fill = `url(#${id})`;
+    gradientDef = (
+      <Defs>
+        <LinearGradient
+          id={id}
+          x1="0"
+          y1="0"
+          x2="100%"
+          y2="0"
+          gradientTransform="rotate(45)">
+          {config.values.map(([stop, fillColor]) => (
+            <Stop key={String(stop)} offset={String(stop)} stopColor={fillColor} />
+          ))}
+        </LinearGradient>
+      </Defs>
+    );
+  }
+
+  return {
+    fill: _fill,
+    size: _size,
+    style,
+    gradient: gradientDef,
+    ...rest,
+  };
+}

package/src/icons/index.ts

@@ -0,0 +1,155 @@
+export * from './Accessibility';
+export * from './Alien';
+export * from './AndroidLogo';
+export * from './Apple';
+export * from './AppleLogo';
+export * from './Arrow';
+export * from './ArrowBoxLeft';
+export * from './ArrowCornerDownRight';
+export * from './ArrowOutOfBox';
+export * from './ArrowRotate';
+export * from './ArrowsDiagonal';
+export * from './ArrowShareRight';
+export * from './ArrowTopCircle';
+export * from './ArrowTriangle';
+export * from './AspectRatio';
+export * from './At';
+export * from './Atom';
+export * from './Bars';
+export * from './Beaker';
+export * from './Bell';
+export * from './Bell2';
+export * from './BellPlus';
+export * from './BellRinging';
+export * from './BirthdayCake';
+export * from './Bookmark';
+export * from './Bot';
+export * from './BroomSparkle';
+export * from './Bubble';
+export * from './BubbleInfo';
+export * from './BulletList';
+export * from './Calendar';
+export * from './CalendarClock';
+export * from './CalendarDays';
+export * from './Camera';
+export * from './Car';
+export * from './CC';
+export * from './Celebrate';
+export * from './ChainLink';
+export * from './Check';
+export * from './Chevron';
+export * from './Circle';
+export * from './CircleAndSquare';
+export * from './CircleBanSign';
+export * from './CircleCheck';
+export * from './CircleInfo';
+export * from './CirclePlus';
+export * from './CircleQuestion';
+export * from './CircleX';
+export * from './Clipboard';
+export * from './Clock';
+export * from './CodeBrackets';
+export * from './CodeLines';
+export * from './ColorPalette';
+export * from './Contacts';
+export * from './Crop';
+export * from './DotGrid';
+export * from './Download';
+export * from './EditBig';
+export * from './Emoji';
+export * from './Envelope';
+export * from './EnveopeOpen';
+export * from './Explosion';
+export * from './Eye';
+export * from './EyeSlash';
+export * from './Filter';
+export * from './FilterTimeline';
+export * from './Flag';
+export * from './Flame';
+export * from './FlipImage';
+export * from './FloppyDisk';
+export * from './Freeze';
+export * from './GameController';
+export * from './Gif';
+export * from './Gift1';
+export * from './Globe';
+export * from './Group';
+export * from './Growth';
+export * from './Haptic';
+export * from './Hashtag';
+export * from './Heart2';
+export * from './Home';
+export * from './HomeOpen';
+export * from './Image';
+export * from './Key';
+export * from './Lab';
+export * from './Leaf';
+export * from './ListMagnifyingGlass';
+export * from './ListPlus';
+export * from './ListSparkle';
+export * from './Live';
+export * from './Loader';
+export * from './Lock';
+export * from './Logo';
+export * from './Macintosh';
+export * from './MagnifyingGlass';
+export * from './Menu';
+export * from './Message';
+export * from './Moon';
+export * from './MusicNote';
+export * from './Mute';
+export * from './News2';
+export * from './Newskie';
+export * from './Newspaper';
+export * from './PageText';
+export * from './PageX';
+export * from './PaintRoller';
+export * from './PaperPlane';
+export * from './Pause';
+export * from './Pencil';
+export * from './PeopleRemove2';
+export * from './Person';
+export * from './Phone';
+export * from './Pin';
+export * from './PinLocation';
+export * from './Pizza';
+export * from './Play';
+export * from './Plus';
+export * from './QrCode';
+export * from './Quote';
+export * from './RaisingHand';
+export * from './Reply';
+export * from './Repost';
+export * from './Rose';
+export * from './SettingsGear2';
+export * from './SettingsSlider';
+export * from './Shaka';
+export * from './Shapes';
+export * from './Shield';
+export * from './Sparkle';
+export * from './Speaker';
+export * from './SquareArrowTopRight';
+export * from './SquareBehindSquare4';
+export * from './Star';
+export * from './StarterPack';
+export * from './StreamingLive';
+export * from './TextSize';
+export * from './Ticket';
+export * from './Times';
+export * from './TitleCase';
+export * from './Trash';
+export * from './Tree';
+export * from './Trending';
+export * from './UFO';
+export * from './UserCircle';
+export * from './Verified';
+export * from './VerifiedCheck';
+export * from './VerifierCheck';
+export * from './VideoClip';
+export * from './Warning';
+export * from './Window';
+export * from './Wrench';
+export * from './Zap';
+export type { Props } from './common';
+export { sizes, useCommonSVGProps } from './common';
+export { createSinglePathSVG, createMultiPathSVG } from './TEMPLATE';

package/src/index.ts

@@ -1,4 +1,23 @@
+// Theme
 export * from './theme';
+
+// Styles & Utilities
+export { atoms, flatten } from './styles';
+export type { ViewStyleProp, TextStyleProp } from './styles';
+export * as tokens from './styles/tokens';
+export { web, native, ios, android, platform, select } from './styles/platform';
+
+// Hooks
+export { useInteractionState } from './hooks/useInteractionState';
+export { useDelayedLoading } from './hooks/useDelayedLoading';
+export { useThrottledValue } from './hooks/useThrottledValue';
+
+// Icons
+export * as Icons from './icons';
+export { type Props as IconProps, sizes as iconSizes, useCommonSVGProps } from './icons/common';
+export { createSinglePathSVG, createMultiPathSVG } from './icons/TEMPLATE';
+
+// Core components
 export * from './portal';
 export * as Dialog from './dialog';
 export * as Prompt from './prompt';
@@ -13,3 +32,25 @@ export * from './avatar';
 export * from './loading';
 export * as PromptInput from './prompt-input';
 export * from './switch';
+export * as Toast from './toast';
+
+// Typography
+export * as Typography from './typography';
+
+// Layout primitives
+export * as Skeleton from './skeleton';
+export * as Grid from './grid';
+export { Fill } from './fill';
+export { IconCircle } from './icon-circle';
+
+// Form components
+export * as TextField from './text-field';
+export * as SegmentedControl from './segmented-control';
+export { SearchInput } from './search-input';
+
+// Overlay components
+export * as Admonition from './admonition';
+export * as Menu from './menu';
+export * as Tooltip from './tooltip';
+export * as Select from './select';
+export * as ContextMenu from './context-menu';

package/src/menu/context.ts

@@ -0,0 +1,25 @@
+import { createContext, useContext } from 'react';
+
+import type { MenuContextType, ItemContextType } from './types';
+
+export const MenuContext = createContext<MenuContextType | null>(null);
+MenuContext.displayName = 'BloomMenuContext';
+
+export const ItemContext = createContext<ItemContextType | null>(null);
+ItemContext.displayName = 'BloomMenuItemContext';
+
+export function useMenuContext(): MenuContextType {
+  const context = useContext(MenuContext);
+  if (!context) {
+    throw new Error('useMenuContext must be used within a Menu.Root');
+  }
+  return context;
+}
+
+export function useMenuItemContext(): ItemContextType {
+  const context = useContext(ItemContext);
+  if (!context) {
+    throw new Error('useMenuItemContext must be used within a Menu.Item');
+  }
+  return context;
+}