@atproto/oauth-provider 0.3.1 → 0.5.0

package/dist/output/customization.d.ts

@@ -1,27 +0,0 @@
-declare const colorNames: readonly ["brand", "error", "warning"];
-type ColorName = (typeof colorNames)[number];
-export type Customization = {
-    name?: string;
-    logo?: string;
-    colors?: {
-        [_ in ColorName]?: string;
-    };
-    links?: Array<{
-        href: string;
-        title: string;
-        rel?: string;
-    }>;
-};
-export declare function buildCustomizationData({ name, logo, links, }?: Customization): {
-    name: string | undefined;
-    logo: string | undefined;
-    links: {
-        href: string;
-        title: string;
-        rel?: string;
-    }[] | undefined;
-};
-export declare function buildCustomizationCss(customization?: Customization): string;
-export declare function buildCustomizationVars(customization?: Customization): Generator<string, void, unknown>;
-export {};
-//# sourceMappingURL=customization.d.ts.map

package/dist/output/customization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"customization.d.ts","sourceRoot":"","sources":["../../src/output/customization.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,wCAAyC,CAAA;AACzD,KAAK,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAI5C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE;SAAG,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,MAAM;KAAE,CAAA;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;CACH,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,GAAE,aAAkB;;;;cAVX,MAAM;eACL,MAAM;cACP,MAAM;;EAcf;AAED,wBAAgB,qBAAqB,CAAC,aAAa,CAAC,EAAE,aAAa,UAKlE;AAED,wBAAiB,sBAAsB,CAAC,aAAa,CAAC,EAAE,aAAa,oCAkBpE"}

package/dist/output/customization.js

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildCustomizationData = buildCustomizationData;
-exports.buildCustomizationCss = buildCustomizationCss;
-exports.buildCustomizationVars = buildCustomizationVars;
-// Matches colors defined in tailwind.config.js
-const colorNames = ['brand', 'error', 'warning'];
-const isColorName = (name) => colorNames.includes(name);
-function buildCustomizationData({ name, logo, links, } = {}) {
-    return {
-        name,
-        logo,
-        links,
-    };
-}
-function buildCustomizationCss(customization) {
-    const vars = Array.from(buildCustomizationVars(customization));
-    if (vars.length)
-        return `:root { ${vars.join(' ')} }`;
-    return '';
-}
-function* buildCustomizationVars(customization) {
-    if (customization?.colors) {
-        for (const [name, value] of Object.entries(customization.colors)) {
-            if (!isColorName(name)) {
-                throw new TypeError(`Invalid color name: ${name}`);
-            }
-            // Skip undefined values
-            if (value === undefined)
-                continue;
-            const { r, g, b, a } = parseColor(value);
-            // Tailwind does not apply alpha values to base colors
-            if (a !== undefined)
-                throw new TypeError('Alpha not supported');
-            yield `--color-${name}: ${r} ${g} ${b};`;
-        }
-    }
-}
-function parseColor(color) {
-    if (typeof color !== 'string') {
-        throw new TypeError(`Invalid color value: ${typeof color}`);
-    }
-    if (color.startsWith('#')) {
-        if (color.length === 4 || color.length === 5) {
-            const r = parseUi8Hex(color.slice(1, 2));
-            const g = parseUi8Hex(color.slice(2, 3));
-            const b = parseUi8Hex(color.slice(3, 4));
-            const a = color.length > 4 ? parseUi8Hex(color.slice(4, 5)) : undefined;
-            return { r, g, b, a };
-        }
-        if (color.length === 7 || color.length === 9) {
-            const r = parseUi8Hex(color.slice(1, 3));
-            const g = parseUi8Hex(color.slice(3, 5));
-            const b = parseUi8Hex(color.slice(5, 7));
-            const a = color.length > 8 ? parseUi8Hex(color.slice(7, 9)) : undefined;
-            return { r, g, b, a };
-        }
-        throw new TypeError(`Invalid hex color: ${color}`);
-    }
-    const rgbMatch = color.match(/^\s*rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/);
-    if (rgbMatch) {
-        const r = parseUi8Dec(rgbMatch[1]);
-        const g = parseUi8Dec(rgbMatch[2]);
-        const b = parseUi8Dec(rgbMatch[3]);
-        return { r, g, b };
-    }
-    const rgbaMatch = color.match(/^\s*rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/);
-    if (rgbaMatch) {
-        const r = parseUi8Dec(rgbaMatch[1]);
-        const g = parseUi8Dec(rgbaMatch[2]);
-        const b = parseUi8Dec(rgbaMatch[3]);
-        const a = parseUi8Dec(rgbaMatch[4]);
-        return { r, g, b, a };
-    }
-    throw new TypeError(`Unsupported color format: ${color}`);
-}
-function parseUi8Hex(v) {
-    return asUi8(parseInt(v, 16));
-}
-function parseUi8Dec(v) {
-    return asUi8(parseInt(v, 10));
-}
-function asUi8(v) {
-    if (v >= 0 && v <= 255 && v === (v | 0))
-        return v;
-    throw new TypeError(`Invalid color component: ${v}`);
-}
-//# sourceMappingURL=customization.js.map

package/dist/output/customization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customization.js","sourceRoot":"","sources":["../../src/output/customization.ts"],"names":[],"mappings":"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"}

package/src/assets/app/components/accept-form.tsx

@@ -1,137 +0,0 @@
-import { OAuthClientMetadata } from '@atproto/oauth-types'
-import { FormEvent } from 'react'
-
-import { Account, ScopeDetail } from '../backend-data'
-import { Override } from '../lib/util'
-import { AccountIdentifier } from './account-identifier'
-import { Button } from './button'
-import { ClientName } from './client-name'
-import { FormCard, FormCardProps } from './form-card'
-
-export type AcceptFormProps = Override<
-  FormCardProps,
-  {
-    clientId: string
-    clientMetadata: OAuthClientMetadata
-    clientTrusted: boolean
-
-    account: Account
-    scopeDetails?: ScopeDetail[]
-
-    onAccept: () => void
-    acceptLabel?: string
-
-    onReject: () => void
-    rejectLabel?: string
-
-    onBack?: () => void
-    backLabel?: string
-  }
->
-
-export function AcceptForm({
-  clientId,
-  clientMetadata,
-  clientTrusted,
-
-  account,
-  scopeDetails,
-
-  onAccept,
-  acceptLabel = 'Accept',
-  onReject,
-  rejectLabel = 'Deny access',
-  onBack,
-  backLabel = 'Back',
-
-  ...props
-}: AcceptFormProps) {
-  const doSubmit = (e: FormEvent) => {
-    e.preventDefault()
-    onAccept()
-  }
-
-  return (
-    <FormCard
-      onSubmit={doSubmit}
-      cancel={onBack && <Button onClick={onBack}>{backLabel}</Button>}
-      actions={
-        <>
-          <Button type="submit" color="brand">
-            {acceptLabel}
-          </Button>
-
-          <Button onClick={onReject}>{rejectLabel}</Button>
-        </>
-      }
-      {...props}
-    >
-      {clientTrusted && clientMetadata.logo_uri && (
-        <div key="logo" className="flex items-center justify-center">
-          <img
-            crossOrigin="anonymous"
-            src={clientMetadata.logo_uri}
-            alt={clientMetadata.client_name}
-            className="w-16 h-16 rounded-full"
-          />
-        </div>
-      )}
-      <p>
-        <ClientName
-          clientId={clientId}
-          clientMetadata={clientMetadata}
-          clientTrusted={clientTrusted}
-        />{' '}
-        is asking for permission to access your account (
-        <AccountIdentifier account={account} />
-        ).
-      </p>
-
-      <p>
-        By clicking <b>{acceptLabel}</b>, you allow this application to perform
-        the following actions in accordance to their{' '}
-        <a
-          href={clientMetadata.tos_uri}
-          rel="nofollow noopener"
-          target="_blank"
-          className="text-brand underline"
-        >
-          terms of service
-        </a>
-        {' and '}
-        <a
-          href={clientMetadata.policy_uri}
-          rel="nofollow noopener"
-          target="_blank"
-          className="text-brand underline"
-        >
-          privacy policy
-        </a>
-        :
-      </p>
-
-      {scopeDetails?.length ? (
-        <ul className="list-disc list-inside">
-          {scopeDetails.map(
-            ({ scope, description = getScopeDescription(scope) }) => (
-              <li key={scope}>{description}</li>
-            ),
-          )}
-        </ul>
-      ) : null}
-    </FormCard>
-  )
-}
-
-function getScopeDescription(scope: string): string {
-  switch (scope) {
-    case 'atproto':
-      return 'Uniquely identify you'
-    case 'transition:generic':
-      return 'Access your account data (except chat messages)'
-    case 'transition:chat.bsky':
-      return 'Access your chat messages'
-    default:
-      return scope
-  }
-}

package/src/assets/app/components/account-identifier.tsx

@@ -1,18 +0,0 @@
-import { HTMLAttributes } from 'react'
-
-import { Account } from '../backend-data'
-
-export type AccountIdentifierProps = {
-  account: Account
-}
-
-export function AccountIdentifier({
-  account,
-  ...attrs
-}: AccountIdentifierProps & HTMLAttributes<Element>) {
-  return (
-    <b {...attrs}>
-      {account.preferred_username || account.email || account.sub}
-    </b>
-  )
-}

package/src/assets/app/components/account-picker.tsx

@@ -1,127 +0,0 @@
-import type { ReactNode } from 'react'
-import { Account } from '../backend-data'
-import { Override } from '../lib/util'
-import { Button } from './button'
-import { FormCard, FormCardProps } from './form-card'
-import { AtSymbolIcon } from './icons/at-symbol-icon'
-import { CaretRightIcon } from './icons/caret-right-icon'
-import { InputContainer } from './input-container'
-import { Fieldset } from './fieldset'
-
-export type AccountPickerProps = Override<
-  FormCardProps,
-  {
-    accounts: readonly Account[]
-
-    onAccount: (account: Account) => void
-    accountAria?: (account: Account) => string
-
-    onOther?: () => void
-    otherLabel?: ReactNode
-    otherAria?: string
-
-    onBack?: () => void
-    backLabel?: ReactNode
-    backAria?: string
-  }
->
-
-export function AccountPicker({
-  accounts,
-
-  onAccount,
-  accountAria = (a) => `Sign in as ${a.name}`,
-
-  onOther = undefined,
-  otherLabel = 'Another account',
-  otherAria = 'Login to account that is not listed',
-
-  onBack,
-  backAria,
-  backLabel = backAria,
-
-  ...props
-}: AccountPickerProps) {
-  return (
-    <FormCard
-      {...props}
-      cancel={
-        onBack && (
-          <Button onClick={onBack} aria-label={backAria}>
-            {backLabel}
-          </Button>
-        )
-      }
-    >
-      <Fieldset title="Sign in as...">
-        {accounts.map((account) => {
-          const [name, identifier] = [
-            account.name,
-            account.preferred_username,
-            account.email,
-            account.sub,
-          ].filter(Boolean) as [string, string?]
-
-          return (
-            <InputContainer
-              key={account.sub}
-              onClick={() => onAccount(account)}
-              role="button"
-              aria-label={accountAria(account)}
-              icon={
-                account.picture ? (
-                  <img
-                    crossOrigin="anonymous"
-                    src={account.picture}
-                    alt={name}
-                    className="-ml-1 w-6 h-6 rounded-full"
-                  />
-                ) : (
-                  <svg
-                    className="-ml-1 w-6 h-6"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="none"
-                  >
-                    <circle cx="12" cy="12" r="12" fill="#0070ff"></circle>
-                    <circle cx="12" cy="9.5" r="3.5" fill="#fff"></circle>
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      fill="#fff"
-                      d="M 12.058 22.784 C 9.422 22.784 7.007 21.836 5.137 20.262 C 5.667 17.988 8.534 16.25 11.99 16.25 C 15.494 16.25 18.391 18.036 18.864 20.357 C 17.01 21.874 14.64 22.784 12.058 22.784 Z"
-                    ></path>
-                  </svg>
-                )
-              }
-              append={<CaretRightIcon className="h-4" />}
-            >
-              <span className="flex flex-wrap items-center">
-                <span className="font-medium truncate mr-2">{name}</span>
-                {identifier && (
-                  <span className="text-sm text-neutral-500 dark:text-neutral-400 truncate">
-                    {identifier}
-                  </span>
-                )}
-              </span>
-            </InputContainer>
-          )
-        })}
-
-        {onOther && (
-          <InputContainer
-            onClick={onOther}
-            aria-label={otherAria}
-            role="button"
-            append={<CaretRightIcon className="h-4" />}
-            icon={<AtSymbolIcon className="h-4" />}
-          >
-            <span className="truncate text-gray-700 dark:text-gray-400">
-              {otherLabel}
-            </span>
-          </InputContainer>
-        )}
-      </Fieldset>
-    </FormCard>
-  )
-}

package/src/assets/app/components/button.tsx

@@ -1,34 +0,0 @@
-import { ButtonHTMLAttributes } from 'react'
-import { clsx } from '../lib/clsx'
-
-export function Button({
-  children,
-  className,
-  type = 'button',
-  role = 'Button',
-  color = 'grey',
-  disabled = false,
-  loading = undefined,
-  ...props
-}: {
-  color?: 'brand' | 'grey'
-  loading?: boolean
-} & ButtonHTMLAttributes<HTMLButtonElement>) {
-  return (
-    <button
-      role={role}
-      type={type}
-      disabled={disabled || loading === true}
-      {...props}
-      className={clsx(
-        'py-2 px-6 rounded-lg truncate cursor-pointer touch-manipulation tracking-wide overflow-hidden',
-        color === 'brand'
-          ? 'bg-brand text-white'
-          : 'bg-slate-100 hover:bg-slate-200 text-slate-600 dark:bg-slate-800 dark:hover:bg-slate-700 dark:text-slate-300',
-        className,
-      )}
-    >
-      {children}
-    </button>
-  )
-}

package/src/assets/app/components/client-name.tsx

@@ -1,37 +0,0 @@
-import {
-  isOAuthClientIdDiscoverable,
-  isOAuthClientIdLoopback,
-  OAuthClientMetadata,
-} from '@atproto/oauth-types'
-import { HTMLAttributes } from 'react'
-
-import { UrlViewer } from './url-viewer'
-
-export type ClientNameProps = {
-  clientId: string
-  clientMetadata: OAuthClientMetadata
-  clientTrusted: boolean
-  loopbackClientName?: string
-} & HTMLAttributes<Element>
-
-export function ClientName({
-  clientId,
-  clientMetadata,
-  clientTrusted,
-  loopbackClientName = 'An application on your device',
-  ...attrs
-}: ClientNameProps) {
-  if (clientTrusted && clientMetadata.client_name) {
-    return <span {...attrs}>{clientMetadata.client_name}</span>
-  }
-
-  if (isOAuthClientIdLoopback(clientId)) {
-    return <span {...attrs}>{loopbackClientName}</span>
-  }
-
-  if (isOAuthClientIdDiscoverable(clientId)) {
-    return <UrlViewer {...attrs} url={clientId} path />
-  }
-
-  return <span {...attrs}>{clientId}</span>
-}

package/src/assets/app/components/fieldset.tsx

@@ -1,26 +0,0 @@
-import { FieldsetHTMLAttributes, forwardRef, ReactNode } from 'react'
-import { Override } from '../lib/util'
-
-export type FieldsetCardProps = Override<
-  FieldsetHTMLAttributes<HTMLFieldSetElement>,
-  {
-    title?: ReactNode
-  }
->
-
-export const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetCardProps>(
-  ({ title, children, ...props }, ref) => (
-    <fieldset ref={ref} {...props}>
-      {title && (
-        <p
-          key="title"
-          className="mb-1 text-slate-600 dark:text-slate-400 text-sm font-medium"
-        >
-          {title}
-        </p>
-      )}
-
-      <div className="flex flex-col space-y-4">{children}</div>
-    </fieldset>
-  ),
-)

package/src/assets/app/components/form-card.tsx

@@ -1,47 +0,0 @@
-import { FormHTMLAttributes, forwardRef, ReactNode } from 'react'
-import { InfoCard } from './info-card'
-import { clsx } from '../lib/clsx'
-import { Override } from '../lib/util'
-
-export type FormCardProps = Override<
-  FormHTMLAttributes<HTMLFormElement>,
-  {
-    append?: ReactNode
-    error?: ReactNode
-    cancel?: ReactNode
-    actions?: ReactNode
-  }
->
-
-export const FormCard = forwardRef<HTMLFormElement, FormCardProps>(
-  ({ actions, cancel, append, className, children, error, ...props }, ref) => {
-    return (
-      <form
-        ref={ref}
-        className={clsx('flex flex-col py-4 space-y-4', className)}
-        {...props}
-      >
-        <div className="space-y-4">{children}</div>
-
-        {append && <div key="append">{append}</div>}
-
-        {error && (
-          <InfoCard key="error" role="alert">
-            {error}
-          </InfoCard>
-        )}
-
-        {(actions || cancel) && (
-          <div
-            key="buttons"
-            className="flex flex-wrap flex-row-reverse items-center justify-end space-x-reverse space-x-2"
-          >
-            {actions}
-            <div className="flex-auto" />
-            {cancel}
-          </div>
-        )}
-      </form>
-    )
-  },
-)

package/src/assets/app/components/help-card.tsx

@@ -1,42 +0,0 @@
-import { HTMLAttributes } from 'react'
-import { LinkDefinition } from '../backend-data'
-import { clsx } from '../lib/clsx'
-
-export type HelpCardProps = {
-  links?: readonly LinkDefinition[]
-}
-
-export function HelpCard({
-  links,
-
-  className,
-  ...attrs
-}: HelpCardProps &
-  Omit<
-    HTMLAttributes<HTMLParagraphElement>,
-    keyof HelpCardProps | 'children'
-  >) {
-  const helpLink = links?.find((l) => l.rel === 'help')
-
-  if (!helpLink) return null
-
-  return (
-    <p
-      className={clsx(
-        'text-sm rounded-md bg-slate-100 text-slate-800 dark:bg-slate-800 dark:text-slate-400 p-3',
-        className,
-      )}
-      {...attrs}
-    >
-      Having trouble?{' '}
-      <a
-        href={helpLink.href}
-        rel={helpLink.rel}
-        target="_blank"
-        className="text-brand"
-      >
-        Contact {helpLink.title}
-      </a>
-    </p>
-  )
-}

package/src/assets/app/components/icons/alert-icon.tsx

@@ -1,5 +0,0 @@
-import { makeSvgComponent } from './util'
-
-export const AlertIcon = makeSvgComponent(
-  '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/assets/app/components/icons/at-symbol-icon.tsx

@@ -1,5 +0,0 @@
-import { makeSvgComponent } from './util'
-
-export const AtSymbolIcon = makeSvgComponent(
-  'M12 4a8 8 0 1 0 4.21 14.804 1 1 0 0 1 1.054 1.7A9.958 9.958 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10c0 1.104-.27 2.31-.949 3.243-.716.984-1.849 1.6-3.331 1.465a4.207 4.207 0 0 1-2.93-1.585c-.94 1.21-2.388 1.94-3.985 1.715-2.53-.356-4.04-2.91-3.682-5.458.358-2.547 2.514-4.586 5.044-4.23.905.127 1.68.536 2.286 1.126a1 1 0 0 1 1.964.368l-.515 3.545v.002a2.222 2.222 0 0 0 1.999 2.526c.75.068 1.212-.21 1.533-.65.358-.493.566-1.245.566-2.067a8 8 0 0 0-8-8Zm-.112 5.13c-1.195-.168-2.544.819-2.784 2.529-.24 1.71.784 3.03 1.98 3.198 1.195.168 2.543-.819 2.784-2.529.24-1.71-.784-3.03-1.98-3.198Z',
-)

package/src/assets/app/components/icons/caret-right-icon.tsx

@@ -1,5 +0,0 @@
-import { makeSvgComponent } from './util'
-
-export const CaretRightIcon = makeSvgComponent(
-  'M8.293 3.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 0-1.414Z',
-)

package/src/assets/app/components/icons/lock-icon.tsx

@@ -1,5 +0,0 @@
-import { makeSvgComponent } from './util'
-
-export const LockIcon = makeSvgComponent(
-  'M7 7a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h1V7Zm-1 4v9h12v-9H6Zm9-2H9V7a3 3 0 1 1 6 0v2Zm-3 4a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Z',
-)

package/src/assets/app/components/icons/token-icon.tsx

@@ -1,5 +0,0 @@
-import { makeSvgComponent } from './util'
-
-export const TokenIcon = makeSvgComponent(
-  'M4 5.5a.5.5 0 0 0-.5.5v2.535a.5.5 0 0 0 .25.433A3.498 3.498 0 0 1 5.5 12a3.498 3.498 0 0 1-1.75 3.032.5.5 0 0 0-.25.433V18a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5v-2.535a.5.5 0 0 0-.25-.433A3.498 3.498 0 0 1 18.5 12a3.5 3.5 0 0 1 1.75-3.032.5.5 0 0 0 .25-.433V6a.5.5 0 0 0-.5-.5H4ZM2.5 6A1.5 1.5 0 0 1 4 4.5h16A1.5 1.5 0 0 1 21.5 6v3.17a.5.5 0 0 1-.333.472 2.501 2.501 0 0 0 0 4.716.5.5 0 0 1 .333.471V18a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 18v-3.17a.5.5 0 0 1 .333-.472 2.501 2.501 0 0 0 0-4.716.5.5 0 0 1-.333-.471V6Zm12 2a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm0 4a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm0 4a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z',
-)

package/src/assets/app/components/icons/util.tsx

@@ -1,17 +0,0 @@
-import type { SVGProps } from 'react'
-
-export const makeSvgComponent = (path: string) =>
-  function (
-    props: Omit<SVGProps<SVGSVGElement>, 'viewBox' | 'children' | 'xmlns'>,
-  ) {
-    return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
-        <path
-          fill="currentColor"
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d={path}
-        ></path>
-      </svg>
-    )
-  }